@import "assets/css/bootstrap.css";
@import "assets/css/animate.css";
@import "assets/css/animsition.css";
@import "assets/css/owl.carousel.css";
@import "assets/css/font-awesome.css";
@import "assets/css/ionicons.css";
@import "assets/css/font-etline.css";

@import "assets/css/shortcodes.css";


@import "includes/rev-slider/css/settings.css";
@import "includes/rev-slider/css/layers.css";
@import "includes/rev-slider/css/navigation.css";

@font-face {
    font-family: 'Poppins';
    src: url('assets/fonts/Poppins-Regular.woff2') format('woff2'),
        url('assets/fonts/Poppins-Regular.woff') format('woff'),
        url('assets/fonts/Poppins-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


:root {
  --arma: #ff6f0d;
  --arma-blue: #264796;
 
}
.belge{	color:#fff;	}
.row-project {background-color: #F3F3F5; }
.row-services-products {_background-color: #F3F3F5;  background-image: url('assets/img/products_bg.jpg');}
/* Zoom In #1 */
.hover01 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover01 figure:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

.home_gri {
  background-image: url("assets/img/pattern/4.png");
  color:#fff;
opacity: 0.70;}
.golge { text-shadow: 2px 2px #fff;}
.cerceve {padding: 10px;
-moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;}
   
.armacontainer {
width:100%;
position:relative;
padding:0;
        }
.armabanner img {
width:100%;
position:relative;
}

.bcontent {
width:100%;
position:relative;

        }
.carousel-inner img {
width:100%;
position:relative;
}
.carousel-item {
  transition: transform 1.6s ease-in-out;
}
.carousel-inner h5 {font-size: 50px;z-index:5;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 25px;
    _background-color: rgba(248, 177, 51, 0.3);
        text-shadow: 2px 2px #000000;
    }
.carousel-inner p {
  font-family: 'Red Hat Display', sans-serif;
  font-size: 24px;
  color: #ff6f0d;
  font-weight: 700;
  margin-bottom: 25px;
  _background-color: rgba(0, 0, 0, 0.3);
}    
 
.carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: .6s;
 transition-property: opacity;
}

.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
 opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}
.carousel-indicators li {height: 25px;  border-radius: 100%;   list-style:none;  }
.carousel-control-prev-icon, .carousel-control-next-icon {
    height: 50px;
    width: 50px;
    outline: var(--arma);
    background-color: var(--arma);
    background-size: 100%, 100%;
    border-radius: 50%;
    border: 2px solid #fff;;
}





.main_module_homepage { text-align: justify; font-size:18px;font-family: Quicksand,sans-serif;}
.section-cerceve-resim.margin-left {
 margin-left: 40px; }
.section-cerceve-resim.margin-left .arma-homepage-module-resim {
  margin: 40px 40px 40px -40px; }
.section-cerceve-resim.margin-right {
  margin-right: 40px; }
.section-cerceve-resim.margin-right .arma-homepage-module-resim {
      margin: 40px -40px 40px 40px; }
.section-cerceve-resim .cerceve-design {
    border: 1px solid #CAD1DC;
    width: 100%;
    position: relative;
    z-index: 0; background: #3c5aa1;}
.section-cerceve-resim .cerceve-design .border-bg {
      position: absolute;
      background-color: #f87014;
      z-index: -1;
      -webkit-transition: all 0.8s;
      -moz-transition: all 0.8s;
      -o-transition: all 0.8s;
      transition: all 0.8s; }
.section-cerceve-resim .cerceve-design .border-bg.bottom {
        left: -1px;
        right: -1px;
        bottom: -1px;
        top: 60%; }
.section-cerceve-resim .cerceve-design .border-bg.top {
        left: -1px;
        right: -1px;
        bottom: 60%;
        top: -1px; }
.section-cerceve-resim .cerceve-design .border-bg.full-bg {
        top: -1px;
        right: -1px;
        bottom: -1px;
        left: -1px; }
.section-cerceve-resim .cerceve-design .arma-homepage-module-resim {
      overflow: hidden;
      position: relative;
      z-index: 0;
      max-height: 500px; }
.section-cerceve-resim .cerceve-design .arma-homepage-module-resim::before {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        width: 0;
        height: 0;
        z-index: 1;
        background-color: rgba(248, 177, 51, 0.1);
        -webkit-transition: all 0.8s;
        -moz-transition: all 0.8s;
        -o-transition: all 0.8s;
        transition: all 0.8s; }
.section-cerceve-resim .cerceve-design .arma-homepage-module-resim::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 0;
        background-color: rgba(248, 177, 51, 0.1);
        -webkit-transition: all 0.8s;
        -moz-transition: all 0.8s;
        -o-transition: all 0.8s;
        transition: all 0.8s; }
.section-cerceve-resim .cerceve-design .arma-homepage-module-resim:hover:before, .section-cerceve-resim .cerceve-design .arma-homepage-module-resim:hover:after {
        width: 100%;
        height: 100%; }
 

#main-nav > ul > li > a:hover {color:#fff;}
#main-nav .sub-menu {
border-left: 2px solid #ECECEC;border-right: 2px solid #ECECEC;border-top: 2px solid #ECECEC;}

/* Reset Browsers
-------------------------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font:inherit;vertical-align:baseline;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{font-size:62.5%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}body{background:#fff;line-height:1;}article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0;}caption,th,td{font-weight:normal;text-align:left;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}blockquote,q{quotes:none}a:focus{outline:none}a:hover,a:active{outline:0}a img{border:0}img{max-width:100%;height:auto;}select{max-width:100%}

/* General
-------------------------------------------------------------- */
body,
button,
input,
select,
textarea { font-family: 'Open Sans', sans-serif; font-weight: 400; color: #555555; font-size: 14px; line-height: 24px; background-color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; overflow-x: hidden; overflow-y: auto; }
img { height: auto; max-width: 100%; vertical-align: middle; -ms-interpolation-mode: bicubic }
img.ref {
    height: auto;
    border: 1px solid #ccc;
    max-width: 100%;
    margin-bottom: 20px;
    vertical-align: middle;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */    
   -webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
   -ms-filter: grayscale(100%);
   filter: grayscale(100%);
   filter: gray; /* IE 6-9 */
   }

img.ref:hover {
   -webkit-filter: none;
   -moz-filter: none;
   -ms-filter: none;
   filter: none;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


p { margin: 0 0 20px; }
strong,
b,
cite { font-weight: bold; }
dfn,
cite,
em,
i,
blockquote { font-style: italic; }
blockquote { position: relative; background-color: transparent;  margin: 0px; padding: 0 0 0 32px; }
blockquote > p:last-child { margin-bottom: 0; }
blockquote cite { position: absolute; right: 0; bottom: 0; }
blockquote em,
blockquote i { font-style: normal; }
abbr,
acronym { border-bottom: 1px dotted #e0e0e0; cursor: help; }
mark,
ins { text-decoration: none; }
sup,
sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -6px; }
sub { bottom: -3px; }
small { font-size: 75%; }
big { font-size: 125%; }
address { font-style: italic; margin: 0 0 20px; }
code,
kbd,
tt,
var,
samp,
pre { margin: 20px 0; padding: 4px 12px; background: #f5f5f5; border: 1px solid #e0e0e0; overflow-x: auto;  -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-radius: 0; height: auto; }

/* Elements
-------------------------------------------------------------- */
html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*,
*:before,
*:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }
hr { background-color: #e0e0e0; border: 0; height: 1px; margin-bottom: 20px; }

/* List */
ul,
ol { padding: 0; margin: 0 0 20px 20px; }
ul { list-style: disc; }
ol { list-style: decimal; }
li > ul,
li > ol { margin-bottom: 0; }
li { list-style: square;}
li.tab {list-style: none; }
li.tab2 {list-style: none;display: inline-block;margin-right: 8px; }
ul li,
ol li { padding: 0.1em 0; }
dl,
dd { margin: 0 0 20px; }
dt { font-weight: bold; }
del, .disable { text-decoration: line-through; filter: alpha(opacity=50); opacity: 0.5;}

/* Table */
table,
th,
td { border: 1px solid #e0e0e0; }
_table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0 0 30px; table-layout: fixed; width: 100%; }
caption, th, td { font-weight: normal; text-align: left; }
th { border-width: 0 1px 1px 0; font-weight: bold; }
td { border-width: 0 1px 1px 0; }
th,
td { padding: 8px 12px; }
a:hover { text-decoration: none; }

/* Media */
embed,
iframe,
object,
video { margin-bottom: 20px; max-width: 100%; vertical-align: middle; }
p > embed,
p > iframe,
p > object,
p > video { margin-bottom: 0; }

/* Accessibility - Text meant only for screen readers */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }

/* Forms
-------------------------------------------------------------- */
/* Fixes */
button,
input { line-height: normal; }
button, input, select, textarea { font-size: 100%; line-height: inherit; margin: 0; vertical-align: baseline; }
input,
textarea { font-size: 1em; max-width: 100%; background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); /* Removing the inner shadow on iOS inputs */ }
textarea { overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ vertical-align: top; /* Improves readability and alignment in all browsers */ }
input[type="checkbox"] { display: inline; }
button,
input[type="button"],
input[type="reset"],
input[type="submit"] { line-height: 1; cursor: pointer; -webkit-appearance: button; border: 0; }
input[type="checkbox"],
input[type="radio"] { padding: 0; /* Addresses excess padding in IE8/9 */ }
input[type="search"] { -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */ }
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ -webkit-appearance: none; }
button::-moz-focus-inner,
input::-moz-focus-inner { border: 0; padding: 0; }

/* Remove chrome yellow autofill */
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #f7f7f7 inset }

/* Reset search styling */
input[type="search"] { outline: 0 }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none }

/* Input normal */
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] { color: #777; border: 1px solid #e7e7e7; padding: 13px 20px; letter-spacing: 0px; background-color: transparent; line-height: inherit; width: 100%; margin-bottom: 14px; height: auto; text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: border ease .238s; -moz-transition: border ease .238s; transition: border ease .238s; }

/* Contact Form 7 */
.wpcf7-form select,
.wpcf7-form textarea,
.wpcf7-form input { margin-bottom: 0; }

/* Input focus */
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus { border-color: var(--arma); outline: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

/* Button */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {  letter-spacing: 0.5px;  font-weight: 600;  text-transform: uppercase; background-color: var(--arma); color: #fff; padding: 16px 30px; display: inline-block; font-family: Quicksand,sans-serif; -webkit-appearance: none; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; transition: all ease 0.3s; }

/* Button hover + focus */
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus { outline: 0; background-color: #222; }

/* Placeholder color */
::-webkit-input-placeholder { color: #999; }
:-moz-placeholder { color: #999; }
::-moz-placeholder { color: #999; opacity: 1; }/* Since FF19 lowers the opacity of the placeholder by default */ }
:-ms-input-placeholder { color: #999; }

/* Links */
a { color: #222; outline: 0; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;  -ms-transition: all 0.3s ease;   -o-transition: all 0.3s ease;      transition: all 0.3s ease;}
a.contact { color: #fff; outline: 0; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;  -ms-transition: all 0.3s ease;   -o-transition: all 0.3s ease;      transition: all 0.3s ease;}
a:hover,
a:focus,
a:active { outline: 0; color: var(--arma); text-decoration: none }

/* Typography
-------------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 { font-family: Quicksand,sans-serif; color: #222; font-weight: 600; line-height: 1.5; margin: 0 0 15px; text-rendering: optimizeLegibility; }

h1 { font-size: 2.428em; } /* 34px */
h2 { font-size: 2em; } /* 30px */
h3 { font-size: 1.714em; } /* 24px */
h4 { font-size: 1.428em; } /* 20px */
h5 { font-size: 1.2em; } /* 18px */
h6 { font-size: 1.142em; } /* 16px */

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a { color: inherit }

/* Extra classes
-------------------------------------------------------------- */
.no-margin { margin: 0px !important; }
.no-border { border: 0px !important; }
.no-letter-spacing { letter-spacing: 0px !important;; }
.max-width-770 { max-width: 770px !important; }
.max-width-680 { max-width: 680px !important; }

.font-heading { font-family: Quicksand,sans-serif; }
.font-heading-slider { font-family: Quicksand,sans-serif; font-weight:800;color: #fff !important; }
.font-size-35 { font-size: 35px !important; }
.font-size-30 { font-size: 30px !important; }
.font-size-28 { font-size: 28px !important; }
.font-size-16 { font-size: 16px !important; }
.font-size-14 { font-size: 14px !important; }

.font-weight-700 { font-weight: 700 !important; }
.font-weight-600 { font-weight: 600 !important; }
.font-weight-400 { font-weight: 400 !important; }

.line-height-62 { line-height: 62px !important; }
.line-height-50 { line-height: 50px !important; }
.line-height-39 { line-height: 39px !important; }
.line-height-28 { line-height: 28px !important; }
.line-height-27 { line-height: 27px !important; }
.line-height-26 { line-height: 26px !important; }
.line-height-24 { line-height: 24px !important; }
.line-height-normal { line-height: normal !important; }

.letter-spacing-1-4 { letter-spacing: 1.4px !important; }
.letter-spacing-1-1 { letter-spacing: 1.1px !important; }
.letter-spacing-03 { letter-spacing: 0.3px !important; }
.letter-spacing-01 { letter-spacing: 0.1px !important; }
.letter-spacing-005 { letter-spacing: -0.05px !important; }

.text-accent { color: var(--arma) !important;  }
.text-white { color: #fff !important; }
.text-title-arma { color: #fff !important;  }
.text-808 { color: #808080 !important; }
.text-777 { color: #777 !important; }
.text-666 { color: #666 !important; }

.bg-light-grey { background-color: #f3f4f6 !important; }
.bg-white-column { background-color: #fff !important;}
.bg-light-snow { background-color: #fafafb; }
.bg-f7f { background-color: #f7f7f7 !important;}
.bg-ffc { background-color: var(--arma) !important;}
.bg-row-1 { background: url('assets/img/page/bg-quote.jpg') center center no-repeat; background-size: cover; }
.bg-row-2 { background: url('assets/img/page/bg-iconbox.jpg') center center no-repeat; background-size: cover; }

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

.padding-left-13 { padding-left: 13px !important; }
.padding-left-7 { padding-left: 7px !important; }

.margin-top-55 { margin-top: 55px !important; }
.margin-top-51 { margin-top: 51px !important; }
.margin-top-40 { margin-top: 40px !important; }
.margin-top-33 { margin-top: 33px !important; }
.margin-top-30 { margin-top: 30px !important; }
.margin-top-28 { margin-top: 28px !important; }
.margin-top-27 { margin-top: 27px !important; }
.margin-top-22 { margin-top: 22px !important; }
.margin-top-20 { margin-top: 20px !important; }
.margin-top-18 { margin-top: 18px !important; }
.margin-top-14 { margin-top: 14px !important; }
.margin-top-13 { margin-top: 13px !important; }
.margin-top-11 { margin-top: 11px !important; }
.margin-top-7 { margin-top: 7px !important; }
.margin-top-3 { margin-top: 3px !important; }

.margin-bottom-43 { margin-bottom: 43px !important; }
.margin-bottom-31 { margin-bottom: 31px !important; }
.margin-bottom-30 { margin-bottom: 30px !important; }
.margin-bottom-23 { margin-bottom: 23px !important; }
.margin-bottom-15 { margin-bottom: 15px !important; }
.margin-bottom-14 { margin-bottom: 14px !important; }

.margin-right-18 { margin-right: 18px !important; }
.margin-right-10 { margin-right: 10px !important; }
.margin-right-12 { margin-right: 12px !important; }
.margin-right-8 { margin-right: 8px !important; }
.margin-right-6 { margin-right: 6px !important; }

.position-relative { position: relative; }

.right-38 { right: 38px !important; }
.maxwidth-99 { max-width: 99% !important; }

/* Layouts
-------------------------------------------------------------- */
#main-content { padding: 81px 0px; }
body.page #main-content { padding-top: 0; padding-bottom: 0; }

/* Inner Content */
#inner-content,
#inner-sidebar { position: relative; z-index: 1; }

/* Sidebar Right */
.sidebar-right #site-content { float: left; width: 71.9%; }
.sidebar-right.width-73 #site-content {width: 73.1%; }
.sidebar-right.width-71 #site-content {width: 71.8%; }
.sidebar-right #sidebar { float: right; width: 23.1%; }

/* Sidebar left */
.sidebar-left #site-content { float: right; width: 71.7%; }
.sidebar-left #sidebar { float: left; width: 23.1%; }


/* No Sidebar */
.no-sidebar #site-content { width: 100% !important; max-width: none !important; float: none !important; }

/* Column
-------------------------------------------------------------- */
.row.gutter-16 { margin-left: -8px; margin-right: -8px; }
.row.gutter-16 > [class*="col-"] { padding-left: 8px; padding-right: 8px; }

.themesflat-row.separator.light > [class*="col"]  { border-left: 1px solid rgba(255,255,255, 0.2); }
.themesflat-row.separator.light > [class*="col"]:first-child { border-left: 0px; }

.themesflat-row.gutter-15 { margin-left: -7.5px; margin-right: -7.5px; }
.themesflat-row.gutter-15 > [class*="col"] { padding-left: 7.5px; padding-right: 7.5px; }
.themesflat-row.gutter-30 { margin-left: -15px; margin-right: -15px; }
.themesflat-row.gutter-30 > [class*="col"] { padding-left: 15px; padding-right: 15px; }

.themesflat-row .span_1_of_4 { width: 33.333333%; float: left; }
.themesflat-row .span_1_of_3 { width: 25%; float: left; }
.themesflat-row .span_1_of_6 { width: 50%; float: left; }
.themesflat-row .span_1_of_12 { width: 100%; }

.themesflat-row.separator.drank > [class*="span_"]  { border-left: 1px solid #f2f2f2; }
.themesflat-row.separator.drank > [class*="span_"]:first-child { border-left: 0px; }

/* Effect
-------------------------------------------------------------- */
.data-effect .data-effect-item { position: relative; overflow: hidden; }
.overlay-effect { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; -webkit-transform: translate3d(0,50%,0) matrix(1, 0, -0.1, 1, 0, 0); -moz-transform: translate3d(0,50%,0) matrix(1, 0, -0.1, 1, 0, 0); -ms-transform: translate3d(0,50%,0) matrix(1, 0, -0.1, 1, 0, 0); -o-transform: translate3d(0,50%,0) matrix(1, 0, -0.1, 1, 0, 0); transform: translate3d(0,50%,0) matrix(1, 0, -0.1, 1, 0, 0); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.overlay-effect.bg-color-1 { background-color: rgba(0,0,0,0.2); }
.overlay-effect.bg-color-2 { background-color: rgba(0,0,0,0.3); }
.overlay-effect.bg-color-3 {background-color: rgb(60 75 136 / 40%);}
/*.overlay-effect.bg-color-3 { background-color: rgba(0, 128, 192,0.4);} */
.overlay-effect.bg-color-4 { background-color: rgba(0,0,0,0.6); }
.overlay-effect.bg-color-accent { background-color: rgba(0, 128, 192,0.4); }

.data-effect-item:hover .overlay-effect {-webkit-transform: translate3d(0,0,0) ; -moz-transform: translate3d(0,0,0) ; -ms-transform: translate3d(0,0,0) ; -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0) ; opacity: 1; visibility: visible; }
.overlayy { position: absolute;  bottom: 0;  left: 0;  right: 0;  background-color: rgba(38, 71, 150,0.75);  overflow: hidden;  width: 100%;  height: 100%;  -webkit-transform: scale(0);  -ms-transform: scale(0);  transform: scale(0);  -webkit-transition: .3s ease;  transition: .3s ease;}
.siyah { background-color: rgba(0, 0, 0,0.75); }

.image-box-item:hover .overlayy { -webkit-transform: scale(1);  -ms-transform: scale(1);  transform: scale(1);}
.overlayy .text {color: white; font-size: 20px; position: absolute;  top: 50%;  left: 50%;  -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%); text-align: center;}
.overlayy-gallery {position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .3s ease; background-color: rgba(0, 128, 192,0.4); }
.image-box-item:hover .overlayy-gallery {opacity: 1;}
.ikon_gallery {color: white;font-size: 100px;position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center;}
.overlayy-gallery .fa-image:hover {color: #eee;}

.has-effect-icon { position: relative; }
.has-effect-icon .elm-link { margin:0 !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) !important; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; transform: scale(0.5);}
.has-effect-icon .elm-link span,
.has-effect-icon .elm-link a { display: block; text-align: center; }
.has-effect-icon .elm-link span:before,
.has-effect-icon .elm-link a:before { content: ""; font-family: "Ionicons"; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

.has-effect-icon.offset-v-43 .elm-link {  margin-top: -43px; }
.has-effect-icon.offset-v-19 .elm-link {  margin-top: -19px; }
.has-effect-icon.offset-v-25 .elm-link {  margin-top: -25px; }

.has-effect-icon.offset-h-49 .elm-link {  margin-left: -49px; }
.has-effect-icon.offset-h-46 .elm-link {  margin-left: -46px; }
.has-effect-icon.offset-h-24 .elm-link {  margin-left: -24px; }

/* Icon 1 */
.has-effect-icon .elm-link a.icon-1 { width: 50px; height: 50px; background-color: transparent;  border: 1px solid #fff; line-height: 50px; color: #fff; font-size: 28px;  }
.has-effect-icon .elm-link a.icon-1:before { font-family: FontAwesome;content: "\f002"; }
.has-effect-icon .elm-link a.icon-1.icon-search:before { content: "\f4a4"; }
/* Icon Download */
.has-effect-icon .elm-link a.icon-6 { width: 50px; height: 50px; background-color: transparent;  border: 1px solid #fff; line-height: 50px; color: #fff; font-size: 28px;  }
.has-effect-icon .elm-link a.icon-6:before { font-family: FontAwesome;content: "\f019"; }
.has-effect-icon .elm-link a.icon-6.icon-search:before { content: "\f4a4"; }

/* Icon 1a */
.has-effect-icon .elm-link a.icon-1a { width: 50px; height: 50px;  border-color: #ff6f0d; background-color: #ff6f0d; line-height: 50px; color: #fff; font-size: 28px;  }
.has-effect-icon .elm-link a.icon-1a:before {  font-family: FontAwesome; content: "\f16a "; }
.has-effect-icon .elm-link a.icon-1a.icon-search:before { content: "\f4a4"; }

/* Icon 2 */
.has-effect-icon .elm-link a.icon-2 { font-size: 20px; color: #fff; margin-top: -10px; margin-left: -10px; }
.has-effect-icon .elm-link a.icon-2:before { content: "\f1fe"; }

/* Icon 3 */
.has-effect-icon .elm-link span.icon-3 { font-size: 20px; color: #fff; margin-top: -10px; margin-left: -10px;  }
.has-effect-icon .elm-link span.icon-3:before { content: "\f4a4" ; }

.has-effect-icon:hover .elm-link { opacity: 1; visibility: visible;  transform: scale(1); }
.has-effect-icon .elm-link a.icon-1:hover { border-color: #ff6f0d; background-color: #3b59a0; }
.has-effect-icon .elm-link a.icon-1a:hover {background-color: #ff0000;  border: 1px solid #ff0000; }

.has-effect-icon .elm-link a.icon-2:hover,
.has-effect-icon .elm-link span.icon-3:hover { color: #ff6f0d; }

/* Icon 4 */
.has-effect-icon.w40 .elm-link > a { width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 30px;
    vertical-align: top;
    border-radius: 30px;}


/* Top Bar
-------------------------------------------------------------- */
#top-bar { position: relative; z-index: 1; }
#top-bar, #top-bar a { color: #999;font-family: 'Rubik',sans-serif; }
#top-bar .top-bar-inner-wrap { display: table; width: 100%; padding: 12px 0px 13px 0px; }
#top-bar .top-bar-content { display: table-cell; width: 90%; text-align: left; vertical-align: middle; }
#top-bar .top-bar-socials { display: table-cell; width: 10%; text-align: right; vertical-align: middle; }

/* Top Bar Content */
#top-bar .top-bar-content .content { position: relative; display: inline-block; padding: 0px 17px 0px 21px ; margin: 0px 6px; color:var(--arma); }
#top-bar .top-bar-content .content:first-child { margin-left: 0px; }
#top-bar .top-bar-content .content:last-child { margin-right: 0px; }
#top-bar .top-bar-content .content:before { content: ""; position: absolute; font-family: "FontAwesome"; top: 0; left: 0; }
#top-bar .top-bar-content .content.address:before { content: "\f015"; }
#top-bar .top-bar-content .content.phone:before { content: "\f098"; }
#top-bar .top-bar-content .content.time:before { content: "\f017"; }
#top-bar .top-bar-content .content:after { content: ""; position: absolute; top: 50%; right: 0; width: 2px; height: 10px; background-color: #444; transform: translateY(-50%);  }
#top-bar .top-bar-content .content:last-child:after { width: 0px; height: 0px; background-color: transparent; }

/* Top Bar Socials*/
#top-bar .top-bar-socials .text { padding-right: 18px; }
#top-bar .top-bar-socials .icons a { display: inline-block; text-align: center; position: relative; padding: 0px 15.8px; }

#top-bar .top-bar-socials .icons a:first-child{ padding-left: 0px !important; }

#top-bar .top-bar-socials .icons a:before { content: ""; position: absolute; top: 50%; left: 0; width: 2px; height: 10px; background-color: #444; transform: translateY(-50%);  }
#top-bar .top-bar-socials .icons a:last-child { padding-right: 0px !important; }

#top-bar .top-bar-socials .icons a:hover { color: var(--arma); }

/* Style 1 */
.topbar-style-1 #top-bar { background-color: #262626;  }

/* Style 2 */
.topbar-style-2 #top-bar { background-color: #fff; border-bottom: 1px solid #ececec;    border-top: 3px solid var(--arma); }
.topbar-style-2 #top-bar .top-bar-socials .icons a:before,
.topbar-style-2 #top-bar .top-bar-content .content:after { background-color: #d5d4d4;  }
.topbar-style-2 #top-bar .top-bar-socials .icons a { padding: 0px 10.5px; }
.topbar-style-2 #top-bar .top-bar-socials .text { padding-right: 11px; }

/* Style 3 */
.topbar-style-3 #top-bar { background-color: rgba(0,0,0,0.2);  }
.topbar-style-3 #top-bar,
.topbar-style-3 #top-bar a { color: rgba(255,255,255,0.7); }
.topbar-style-3 #top-bar .top-bar-inner-wrap { border-bottom: 1px solid rgba(255,255,255,0.15); }
.topbar-style-3 #top-bar .top-bar-content .content { padding: 0px 12px 0px 22px; margin: 0 4px; }
.topbar-style-3 #top-bar .top-bar-content .content:first-child { margin-left: 0px; }
.topbar-style-3 #top-bar .top-bar-socials .icons a:before,
.topbar-style-3 #top-bar .top-bar-content .content:after { background-color: rgba(126,121,122,0.7); }
.topbar-style-3 #top-bar .top-bar-socials .icons a { padding: 0px 10.5px; }
.topbar-style-3 #top-bar .top-bar-socials .text { padding-right: 10px; font-size: 13px; }


/* .rev_slider .tp-bgimg.defaultimg {
    background-position: center center !important;
    max-height: 400px;
	width:100%
}
.rev_slider_wrapper, .rev_slider, .tp-fullwidth-forcer, .rev_slider .tp-bgimg.defaultimg {
    max-height: 400px !important;width:100%;

}
*/
.rev_slider .slotholder:after, .rev_slider .slotholder .kenburnimg img:after {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    z-index: 99;
    background: rgba(0,0,0,.5);
}
 /*Header
-------------------------------------------------------------- */
#site-header { position: relative; background-color: #fff; box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);  }
#site-header-inner { position: relative; }
#site-header .wrap-inner { padding-top: 28.5px; padding-bottom: 28.5px;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

.menu-has-search #site-header #main-nav { right: 28px; }
.menu-has-search #site-header #header-search  { display: block; }

#site-header #header-search { position: absolute; right: 15px; top: 50%; z-index: 10; display: none; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); box-shadow: 0 4px 4px rgb(0 0 0 / 40%); }

/* Site Logo */
#site-logo { float: left; max-width: 100%; }
#site-logo-shrink {
      width: 290px;
    margin-top: 10px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
/* Main Nav */
#main-nav ul { margin: 0px; }
#main-nav ul li { position: relative;  list-style: none;}
#main-nav > ul > li { float: left; padding: 0px 17.5px;transition: all 0.5s ease; }
#main-nav > ul > li:hover { background-color: var(--arma); -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; transition: all ease 0.3s;}

#main-nav > ul > li > a { display: block; font-size: 14px; font-weight: 600; color: #222; position: relative; line-height: 100px;  font-family: Quicksand,sans-serif; }

/* Sub Menu */
#main-nav .sub-menu { position: absolute; top: 100%; left: 0; width: 250px; padding: 15px 0px; background-color: #fff; z-index: 9999; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: translateY(15px);-moz-transform: translateY(15px); -ms-transform: translateY(15px);
   -o-transform: translateY(15px); transform: translateY(15px); border:1px solid #ddd; }
#main-nav .right-sub-menu { left: auto; right: 0; }
#main-nav .sub-menu li a { font-family: Quicksand,sans-serif; display: block; font-size: 14px;     border-bottom: solid 1px #eee;
    color: #6f6f6f;  padding: 5px 20px; font-weight: 600;  }

#main-nav li:hover .sub-menu { opacity: 1; visibility: visible; -webkit-transform: translateY(0);-moz-transform: translateY(0); -ms-transform: translateY(0);
   -o-transform: translateY(0); transform: translateY(0); }
#main-nav .sub-menu li a:hover, #main-nav .sub-menu li.current-item a { margin-left:-2px; background-color: var(--arma);color:#fff; }

/* Mobile Menu */
#main-nav-mobi { display: block; margin: 0 auto; width: 100%; position: absolute; top: 100%; left: 0; z-index: 9999; background-color: #f6f6f6;  }
#main-nav-mobi ul { display: block; list-style: none; margin: 0; padding: 0; }
#main-nav-mobi ul li { margin: 0; text-align: center; cursor: pointer; padding: 0; border-top: 1px solid #ebebeb; position: relative; }
#main-nav-mobi ul > li > a { color: #999; display: inline-block; font-size: 14px; text-transform: uppercase; line-height: 48px; font-weight: 600; }
#main-nav-mobi ul li:first-child { border-top: 0px; }
#main-nav-mobi ul > li.current-menu-item > a,
#main-nav-mobi ul > li > a:hover { color: var(--arma); }

#main-nav-mobi .menu-item-has-children .arrow { cursor: pointer; display: inline-block; font-size: 20px; font-family: "FontAwesome"; line-height: 48px; position: absolute; right: 15px; text-align: center; top: 0; width: 48px; }
#main-nav-mobi .menu-item-has-children .arrow:before { content: "\f103"; color: #b1b1b1; }
#main-nav-mobi .menu-item-has-children .arrow.active:before { content: "\f102"; }
#main-nav-mobi ul ul li { background-color: #f2f2f2; border-color: #ebebeb; }

/* Search icon */
#site-header .header-search-icon { display: block; font-size: 14px; line-height: 100px; }

/* Search Form */
#site-header .header-search-form { position: absolute; right: 0px; top: 100%;  width: 270px; opacity: 0; visibility: hidden; }
#site-header .header-search-field { width: 300px;  margin: 0; padding-top: 13px; padding: 10px 50px 10px 20px; background-color: #fff; box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);  -webkit-box-shadow:0px 0px 7px 0px rgba(0, 0, 0, 0.15);  }
#site-header .header-search-submit { position: absolute; right: 0; top: 0; padding: 16px; }
#site-header .header-search-form.show { filter: alpha(opacity=100); opacity: 1; visibility: visible; }

/* Mobile Menu Button */
.mobile-button { display: none; position: absolute; width: 26px; height: 26px; float: right; top: 80%; right: 15px; background-color: transparent; cursor: pointer; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;  -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); }
.mobile-button:before,
.mobile-button:after,
.mobile-button span { background-color: var(--arma); -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; transition: all ease 0.3s; }
.mobile-button:before,
.mobile-button:after { content: ''; position: absolute; top: 0; height: 3px; width: 100%; left: 0; top: 50%; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; }
.mobile-button span { position: absolute; width: 100%; height: 3px; left: 0; top: 50%; overflow: hidden; text-indent: 200%; }
.mobile-button:before { -webkit-transform: translate3d(0,-7px,0); -moz-transform: translate3d(0,-7px,0); transform: translate3d(0,-7px,0); }
.mobile-button:after { -webkit-transform: translate3d(0,7px,0); -moz-transform: translate3d(0,7px,0); transform: translate3d(0,7px,0); }
.mobile-button.active span { opacity: 0; }
.mobile-button.active:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); -moz-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); }
.mobile-button.active:after { -webkit-transform: rotate3d(0, 0, 1, -45deg); -moz-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }

/* Header Fixed */
#site-header.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    height: 100px;
    width: 100%;
    z-index: 9999;
    background: #c7cace;
    opacity: 0.9;
}
/* Header Fixed Yatay */
#site-header.is-fixed.is-small .wrap-inner { padding-top: 0px; padding-bottom: 0px; }
#site-header.is-fixed.is-small .header-search-icon,
#site-header.is-fixed.is-small .nav-top-cart-wrapper .nav-cart-trigger,
#site-header.is-fixed.is-small #main-nav > ul > li > a { line-height: 76px; }

/* Style 1 */
.header-style-1 #site-header #main-nav { position: absolute; right: 0px; top: 50%; z-index: 99; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); }
.header-style-1.menu-has-search #site-header #main-nav { right: 44px; }
.header-style-1 #site-header #main-nav > ul > li.current-menu-item > a,
.header-style-1 #site-header #main-nav > ul > li:hover > a { color: var(--arma); }

/* Style 2 */
.header-style-2 #site-header #main-nav { position: absolute; right: 0px; top: 50%; z-index: 99; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); }
.header-style-2.menu-has-search #site-header #main-nav { right: 44px; }
.header-style-2 #site-logo {margin-left: 6px; }
.header-style-2 #site-header .wrap-inner { padding-top: 0px; padding-bottom: 10px; }
.header-style-2 #main-nav > ul > li > a,
.header-style-2 #site-header .header-search-icon { line-height: 101px; }

.header-style-2 #main-nav > ul > li > a:after { content: ""; position: absolute; bottom: 0; left: 0; width: 0%; height: 3px; background-color: #ffc30c; opacity: 0; visibility: hidden;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.header-style-2 #main-nav > ul > li.current-menu-item > a:after ,
.header-style-2 #main-nav > ul > li > a:hover:after { opacity: 1; visibility: visible; width: 100%; }

/* Style 3 */
.header-style-3 #site-header { background-color: rgba(0,0,0,0.2); box-shadow: none; }
.header-style-3 #site-header #site-logo { margin-left: 2px; }
.header-style-3 #site-header #main-nav { position: absolute; right: 0px; top: 50%; z-index: 99; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); }
.header-style-3.menu-has-search #site-header #main-nav { right: 44px; }

.header-style-3 #site-header .header-search-icon,
.header-style-3 #site-header #main-nav > ul > li > a { color: #fff; }
.header-style-3 #site-header #main-nav > ul > li.current-menu-item > a,
.header-style-3 #site-header #main-nav > ul > li:hover > a { color: var(--arma); }
.header-style-3 #site-header .header-search-icon,
.header-style-3 #main-nav > ul > li > a { line-height: 99px; }
.header-style-3 #site-header .wrap-inner { padding: 30px 0px; }

.header-style-3 #site-header.is-fixed.is-small { background-color: #3e3e3e; }

/* Absolute */
.site-header-absolute #site-header-wrap { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; }

/* Featured Title
-------------------------------------------------------------- */
#featured-title { background-color: #ff6f0d; }

.cube {
  position: absolute;
   border-radius: 25px;
  top: 80vh;
  left: 45vw;
  width: 10px;
  height: 10px;
  border: solid 1px #D7D4E4;
  transform-origin: top left;
  transform: scale(0) rotate(0deg) translate(-50%, -50%);
  animation: cube 12s ease-in forwards infinite;
}
.cube:nth-child(2n) {
  border-color: #FFF ;
}
.cube:nth-child(2) {
  animation-delay: 2s;
  left: 25vw;
  top: 40vh;
}
.cube:nth-child(3) {
  animation-delay: 4s;
  left: 75vw;
  top: 50vh;
}
.cube:nth-child(4) {
  animation-delay: 6s;
  left: 90vw;
  top: 10vh;
}
.cube:nth-child(5) {
  animation-delay: 8s;
  left: 10vw;
  top: 85vh;
}
.cube:nth-child(6) {
  animation-delay: 10s;
  left: 50vw;
  top: 10vh;
}
@keyframes cube {
  from {
    transform: scale(0) rotate(0deg) translate(-50%, -50%);
    opacity: 1;
  }
  to {
    transform: scale(20) rotate(960deg) translate(-50%, -50%);
    opacity: 0;
  }
}
.bg {
  animation:slide 3s ease-in-out infinite alternate;
  background-image: linear-gradient(-60deg, #09f 50%, #ff6f0d 50%);
  bottom:0;
  left:-50%;
  opacity:.5;
  position:fixed;
  right:-50%;
  top:0;
  z-index:-1;
}

.bg2 {
  animation-direction:alternate-reverse;
  animation-duration:4s;
}

.bg3 {
  animation-duration:5s;
}
@keyframes slide {
  0% {
    transform:translateX(-25%);
  }
  100% {
    transform:translateX(25%);
  }
}
#featured-title .featured-title-inner-wrap { padding: 28px 0px 30px 0px; display: table; overflow: hidden; width: 100%; }
#featured-title .featured-title-heading-wrap { display: table-cell; text-align: right; vertical-align: middle; width: 65%; padding-top: 6px; }
#featured-title .feautured-title-heading { margin: 0px; font-size: 30px; line-height: 30px; font-family: Quicksand,sans-serif; color:#2c2c2c; }
#featured-title .bread-baslik h1 {border-bottom: 5px solid var(--arma); color: var(--arma); display: inline-block; font-weight: 400;font-size:25px;  margin: 0px 0 -25px;  min-height: 43px; padding: 0 0 14px; position: relative;}
/*#featured-title .featured-title-heading-wrap h1 {  font-size:26px; border-bottom: 12px solid #29336e;} */
#featured-title #breadcrumbs { display: table-cell; text-align: left; vertical-align: middle;  width: 35%; padding-top: 5px; }
#featured-title #breadcrumbs .sep { padding: 0px 10px; color: #e0e0e0; }
#featured-title #breadcrumbs span.trail-end {font-family: 'Rubik',sans-serif; color: #5c5c5c; }
#featured-title #breadcrumbs a.trail-begin { font-family: 'Rubik',sans-serif;color: #fff; }
#featured-title #breadcrumbs a:hover { color: #ffc30c; }
.feautured-title-heading-news { font-size:16px; }
/* Blog Post
-------------------------------------------------------------- */
.hentry { margin-top: 15px; padding-top: 0px;border-top: 1px solid #ebecf2;  }
.hentry:first-child { margin: 0px; border: none; padding: 0px; }
.hentry .post-content-wrap { padding: 35px 0px 0px 0px; }

/* Post media */
.post-media { position: relative; }
.post-media > .post-calendar { position: absolute; top: 15px; left: 17px;  }
.post-media > .post-calendar .entry-calendar { display: inline-block; background-color: var(--arma); color: #fff;  font-weight: 600; text-align: center; line-height: 26px;padding: 13px 18px 5px 18px; }

.post-media .entry-calendar > span { display: block; font-family: Quicksand,sans-serif; }
.post-media .entry-calendar > span.day { font-size: 30px;  }
.post-media .entry-calendar > span.month { font-size: 12px; }

/* Post title */
.hentry .post-title { font-size: 16px; margin-bottom: 5px; }

/* Post meta */
.hentry .post-meta { color: #999; line-height: 27px; margin-bottom: 15px; }
.hentry .post-meta a { color: #999; }
.hentry .post-meta .item { display: inline-block; position: relative; margin-right: 9px; padding-left: 14px;}
.hentry .post-meta .item:first-child { padding-left: 0px; }
.hentry .post-meta .item:last-child { margin-right: 0px; }
.hentry .post-meta .item:before { content: ""; position: absolute; top: 9px; left: 0; background-color: #e5e5e5; width: 2px; height: 10px; }
.hentry .post-meta .item:first-child:before { width: 0px; height: 0px; background-color: transparent; }

.hentry .post-meta a:hover { color: var(--arma); }

/* Post content */
.hentry .post-excerpt { margin-bottom: 28px; }
.hentry .post-excerpt p:first-child { margin: 0px; }
.hentry .box-excerpt { margin: 27px 0px; }
.hentry .box-excerpt .thumb { float: left; margin: 4px 31px 0 0;}
.hentry .box-excerpt .text { overflow: hidden; }

/* Post read more */
.hentry .post-link a { display: inline-block; font-family: Quicksand,sans-serif; font-size: 14px; font-weight: 600; color: #fff; background-color: var(--arma); text-align: center; padding: 11px 31px; letter-spacing: 0.5px; position: relative; overflow: hidden; z-index: 1;  }
.hentry .post-link a:before { content: ""; position: absolute; width: 100%; height: 0%; z-index: -1; top: 50%; left: 50%; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }

.hentry .post-link a:hover:before {  opacity: 1; visibility: visible; height: 100%; background-color: #262626; }

/* Post tags */
.hentry .post-tags-socials { width: 100%; display: table; }
.hentry .post-tags { display: table-cell; vertical-align: middle; width: 50%;  text-align: left;}
.hentry .post-socials { display: table-cell; vertical-align: middle; width: 50%;  text-align: right;}
.hentry .post-tags > span { font-weight: 600; color: #222; font-style: italic; padding-right: 6px; }
.hentry .post-tags a {  display: inline-block; text-align: center; font-size: 12px; color: #a1a1a1; z-index: 1; padding: 3px 15px 3px 18px; margin: 0px 18px 0px 0px; font-family: Quicksand,sans-serif; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7; letter-spacing: 0.7px; position: relative; }
.hentry .post-tags a:before { content:'';position:absolute;top: 4px;right: -12px;  height: 23px;width: 22px;border-radius: 4px; background-color: #fff;border-right: 1px solid #e7e7e7;border-top: 1px solid #e7e7e7;transform: rotate(45deg) skew(7deg); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: -1; overflow: hidden; }

.hentry .post-socials a { width: 28px; height: 28px; line-height: 28px; display: inline-block; background-color: transparent; text-align: center;  color: #fff;}
.hentry .post-socials a.facebook { background-color: #2d55a1; }
.hentry .post-socials a.twitter { background-color: #1bbcf2; }
.hentry .post-socials a.linkedin { background-color: #0690c9; }
.hentry .post-socials a.pinterest { background-color: #ec4b2e; }

.hentry .post-socials a:hover,
.hentry .post-tags a:hover { background-color: var(--arma); color: #fff; }

.hentry .post-tags a:hover { border-color: var(--arma); }

.hentry .post-tags a:hover:before { background-color: var(--arma); border-color:var(--arma);}

/* Comments */
.comments-area { padding-top: 58px; }
.comments-area .comments-title,
.comments-area .comment-reply-title { font-size: 16px; line-height: 28px; text-transform: uppercase; margin-bottom: 0px; }

/* Comments list */
.comment-list { margin: 0px; }
.comment-list li.comment { padding: 0px; }
.comment-list article { position: relative; padding: 26px 0px 35px 0px; border-bottom: 1px solid #f2f2f2; margin-bottom: 6px;}
.comment-list article .gravatar { width: 80px; height: 80px; float: left; margin-right: 22px; margin-top: 5px;}
.comment-list article .comment-content { overflow: hidden; }
.comment-list article .comment-content p { margin: 0px; }
.comment-list .comment-meta { margin-bottom: 17px; }
.comment-list .comment-meta .comment-author { text-transform: uppercase; font-size: 14px; line-height: 23px; display: inline-block; padding-right: 16px; margin: 0px;}
.comment-list .comment-meta .comment-time { line-height: 23px; color: #999;  display: inline-block; padding-left: 20px; position: relative;}
.comment-list .comment-meta .comment-time:before { content: ""; width: 2px; height: 10px; background-color: #f2f2f2; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
.comment-list .comment-reply { position: absolute; top: 23px; right: 6px;  }
.comment-list .comment-reply:after { content: "\f13a"; font-family: "Ionicons"; right: 0; top: 0;  color: var(--arma); margin-right: -5px; padding-left: 5px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.comment-list .comment-reply a { color: var(--arma); font-family: Quicksand,sans-serif; font-weight: 600; letter-spacing: 0.5px;  }

.comment-list .children { margin: 0px; }
.comment-list .children > li { padding: 0px 0px 0px 71px; }
.comment-list .children > li .gravatar { margin-right: 19px; margin-top: 3px; }
.comment-list .children > li .comment-meta { margin-bottom: 12px; }
.comment-list .children > li article { margin-bottom: 8px; }

.comment-list .comment-reply a:hover ,
.comment-list .comment-reply:hover:after { color: #222; }

/* Style 2 */
.comment-list.style-2 li { background-color: #f5f5f5; margin-top: 6px; }
.comment-list.style-2 li:first-child { margin-top: 0px; }
.comment-list.style-2 article { margin: 0px; border: none; padding: 31px 40px 31px 39px; }
.comment-list.style-2 article .gravatar { width: 106px; height: 106px; margin: 7px 31px 0px 0px; }
.comment-list.style-2 .comment-meta .comment-author { font-size: 16px; line-height: 26px; padding-right: 8px; }
.comment-list.style-2 .comment-meta .comment-position { line-height: 26px; font-family: Quicksand,sans-serif; color: #999; display: inline-block; padding-left: 11px; position: relative; }
.comment-list.style-2 .comment-meta .comment-position:before { content: ""; width: 1px; height: 10px; background-color: #e0e0e0; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
.comment-list.style-2 .comment-meta { margin-bottom: 6px; }
.comment-list.style-2 .comment-text p { letter-spacing: 0.1px; margin-bottom: 15px; }
.comment-list.style-2 .comment-text .socials > a { display: inline-block; width: 28px; height: 28px; text-align: center; line-height: 28px; color: #898989; background-color: #fff; font-size: 16px; margin: 0px 0.9px;}
.comment-list.style-2 .comment-text .socials > a:first-child { margin-left: 0px; }

.comment-list.style-2 .comment-text .socials > a:hover { background-color: var(--arma); color: #fff; }

/* Comments respond */
.comment-respond { padding-top: 52px; }
#commentform .name-wrap ,
#commentform .email-wrap{ width: 49.2%; float: left; margin-right: 1.6%; }
#commentform .email-wrap { margin-right: 0px; }
#commentform input[type="text"],
#commentform input[type="email"],
#commentform textarea { background-color: #fafafb; }
#commentform textarea { height: 150px; }
#comments .comment-respond .form-submit { margin: 0px; }

/* Widgets
-------------------------------------------------------------- */
#sidebar .widget { position: relative; z-index: 1; margin-top: 56px; }
#sidebar .widget:first-child { margin: 0px; }

/* Center */
.widget.align-center { text-align: center; }

/* Box shadow */
.widget.has-shadow { box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.03); }

/* No sep */
.widget.no-sep .widget-title span { padding: 0px; }
.widget.no-sep .widget-title span:after { height: 0px; width: 0px; background-color: transparent; }

/* Border */
.widget.has-border.border-solid { border: 1px solid #f2f2f2; }

/* Widget title */
.widget .widget-title { font-size: 16px; margin-bottom: 22px; position: relative; z-index: 1;}
.widget .widget-title span { display: block; position: relative; padding: 0px 0px 16px 0px; }
.widget .widget-title span:after { content: ""; position: absolute; top: 100%; left: 0; height: 2px; width: 60px; background-color: var(--arma); }

/* Widget Search */
#sidebar .widget.widget_search .search-form { position: relative; }
#sidebar .widget.widget_search .search-form .search-field { background-color: #fff; padding-right: 50px; margin: 0; }
#sidebar .widget.widget_search .search-form .search-submit { position: absolute; background-color: #999; top: 0px; right: 0px; width: 50px; height: 52px; text-align: center; text-indent: 9999px; padding: 0; overflow: hidden; }
#sidebar .widget.widget_search .search-form .search-submit:before { content: "\f002";font-family: "FontAwesome"; color: #fff; font-size: 15px; width: 50px; height: 52px; line-height: 52px; position: absolute; top: 0; left: 0; text-align: center; text-indent: 0; opacity: 1;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;  }
#sidebar .widget.widget_search .search-form .search-submit:hover { background-color: var(--arma); }

/* Widget follow */
#sidebar .widget.widget_follow .follow-wrap.col3 { margin: 0px -4px; }
#sidebar .widget.widget_follow .follow-wrap.col3 > .follow-item { width: 33.333%; float: left; height: auto; }
#sidebar .widget.widget_follow .follow-wrap.g8 .follow-item { padding: 0px 4px; }
#sidebar .widget.widget_follow .follow-item .inner { background-color: #3b59a1; color: #fff; display: block; text-align: center; padding: 18px 7px 14px 7px; }
#sidebar .widget.widget_follow .follow-item.twitter .inner { background-color: #46b0e4; }
#sidebar .widget.widget_follow .follow-item.google .inner { background-color: #dd4c39; }
#sidebar .widget.widget_follow .follow-item a { display: inline-block; position: relative; text-align: center; font-size: 18px; color: #fff; width: 45px; height: 45px; line-height: 45px; border-radius: 50%; background-color: rgba(255,255,255,0.2); }
#sidebar .widget.widget_follow .follow-item .text { display: block; margin-top: 13px; line-height: 18px; }

#sidebar .widget.widget_follow .follow-item:hover a { background-color: var(--arma); }

/* Widget lastest */
.widget.widget_lastest ul { margin: 0px; }
.widget.widget_lastest ul li { margin-top: 33px; padding: 0px; }
.widget.widget_lastest ul li:first-child { margin-top: 0px; border: none; }
.widget.widget_lastest .thumb { width: 65px; height: 65px; float: left; margin-right: 19px; margin-top: 5px; }
.widget.widget_lastest .text { overflow: hidden; }
.widget.widget_lastest h3 { font-size: 12px; line-height: 24px; margin: 0px; letter-spacing: 0.4px; font-weight: 400; }
.widget.widget_lastest .post-date { font-size: 13px; color: #999;  }

#footer .widget.widget_lastest h3 { color: #fff; }
#footer .widget.widget_lastest .post-date { color: #777879; }

/* Widget tags */
.widget.widget_tags .tags-list a { position: relative; display: inline-block; float: left; text-align: center; font-size: 12px; color: #a1a1a1; z-index: 1; padding: 4px 15px 4px 20px; margin: 0px 18px 9px 0px; font-family: Quicksand,sans-serif; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7; letter-spacing: 0.7px; }
.widget.widget_tags .tags-list a:before {content:'';position:absolute;top: 4px;	right: -12px;  height: 24px;width: 23px;border-radius: 4px; background-color: #fff;border-right: 1px solid #e7e7e7;border-top: 1px solid #e7e7e7;transform: rotate(45deg) skew(7deg); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: -1; overflow: hidden;}
#footer .widget.widget_tags .tags-list a { color: rgba(255,255,255,0.6); border: 0px; background-color: #1d1d1d; }
#footer .widget.widget_tags .tags-list a:before { background-color: #1d1d1d; border-color:#1d1d1d;  }
#footer .widget.widget_tags .tags-list a:hover,
.widget.widget_tags .tags-list a:hover { background-color: var(--arma); color: #fff; }
#footer .widget.widget_tags .tags-list a:hover:before,
.widget.widget_tags .tags-list a:hover:before { background-color: var(--arma); border-color:var(--arma);}

#footer .widget.widget_fast .widget-title { color: #fff; font-size: 16px; margin-bottom: 24px; letter-spacing: 1.3px; margin-top: 2px;}
#footer .widget.widget_fast i { color: #585252;}
#footer .widget.widget_fast ul { margin: 0px; -moz-column-count:2; -moz-column-gap: 20px;-webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; }
#footer .widget.widget_fast ul li { list-style:none; }
#footer .widget.widget_fast ul li a {display: inline-block;  color: #fff; padding: 0; margin: 0;  background: transparent; font-size: 14px; font-weight: normal; }
#footer .widget.widget_fast ul li a:hover {display: inline-block;  color: #B4B4B4; padding: 0; margin: 0;  background: transparent; font-size: 14px; font-weight: normal; }

#footer .widget.widget_fast .tags-list a { color: rgba(255,255,255,0.6); border: 0px; background-color: #1d1d1d; }
#footer .widget.widget_fast .tags-list a:before { background-color: #1d1d1d; border-color:#1d1d1d;  }
#footer .widget.widget_fast .tags-list a:hover,
#footer .widget.widget_fast .tags-list a:hover:before,

/* Widget instagram */
.widget.widget_instagram .instagram-wrap.col3 { margin: 0px -4px; }
.widget.widget_instagram .instagram-wrap.col3 > .instagram_badge_image { width: 33.333%; float: left; height: auto; }
.widget.widget_instagram .instagram-wrap.g10 .instagram_badge_image { padding: 0px 5px; margin: 0 0 10px 0px; }
.widget.widget_instagram .instagram_badge_image a { position: relative; display: block; }

/* Widget list */
.widget.widget_list { background-color: #414141; }
.widget.widget_list .inner { padding: 18px 30px; }
.widget.widget_list ul { margin: 0px; }
.widget.widget_list .list-item { border-top: 1px solid rgba(255,255, 255, 0.1); padding: 12px 0px; }
.widget.widget_list .list-item:first-child { border-top: 0px; }
.widget.widget_list .list-item > a { position: relative; color: #fff; font-family: Quicksand,sans-serif; font-weight: 500; display: block; }
.widget.widget_list .list-item > a:before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-color: #b3b3b3; width: 6px; height: 6px; border-radius: 50%; }
.widget.widget_list .list-item .text { padding-left: 20px; display: block; overflow: hidden; }

.widget.widget_list .list-item > a:hover { color: var(--arma); }
.widget.widget_list .list-item > a:hover:before { background-color: var(--arma); }

/* Widget lastest twitter */
.widget.widget_lastest_twitter ul { margin: 0px; }
.widget.widget_lastest_twitter ul li { padding: 2px 0px; margin-top: 12px; }
.widget.widget_lastest_twitter ul li:first-child { margin-top: 0px; }
.widget.widget_lastest_twitter .icon-wrap { position: relative; float: left; margin-top: 5px; margin-right: 15px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.widget.widget_lastest_twitter .icon-wrap.has-width.w30 { width: 30px; height: 30px; line-height: 30px;  display: inline-block; text-align: center; background-color: #414141; color: #fff; }
.widget.widget_lastest_twitter .text { overflow: hidden; font-weight: 300; color: #666; }
.widget.widget_lastest_twitter .text a { font-weight: 600; color: #222; }
.widget.widget_lastest_twitter .text p { margin: 0px; }

.widget.widget_lastest_twitter li:hover .icon-wrap.has-width.w30 { background-color: var(--arma); }
.widget.widget_lastest_twitter .text a:hover { color: var(--arma); }

/* Widget help */
.widget.widget_help .inner { padding: 44px 20px 33px 20px; }

/* Pagination
-------------------------------------------------------------- */
.themesflat-pagination { margin-top: 34px; padding-top: 39px; border-top: 1px solid #e7e7e7; }
.themesflat-pagination ul { margin: 0px; position: relative; }
.themesflat-pagination ul li { display: inline-block; padding: 0px; margin-right: 5.5px; }
.themesflat-pagination ul li .page-numbers { display: inline-block; font-size: 14px; color: #777; text-align: center; width: 40px; height: 40px; border: 1px solid #e7e7e7; line-height: 40px; background-color: transparent; }
.themesflat-pagination ul li .page-numbers span.fa { font-size: 16px; }

.themesflat-pagination ul li .page-numbers:hover,
.themesflat-pagination ul li .page-numbers.current { background-color: var(--arma); color: #fff; border-color: var(--arma);  }

.themesflat-pagination .page-prev-next { width: 100%; border: 1px solid #e7e7e7;  }
.themesflat-pagination .page-prev-next > li { width: 49.7%; border-left: 1px solid #e7e7e7; display: inline-block; margin: 0px; padding: 13px 15px 11px 15px; }
.themesflat-pagination .page-prev-next > li:first-child { border-left: 0px; }
.themesflat-pagination .page-prev-next > li a { display: block; text-transform: uppercase; font-size: 13px; font-family: Quicksand,sans-serif; color: #999; position: relative; z-index: 1;}
.themesflat-pagination .page-prev-next > li a:before { content: ""; font-family: "FontAwesome"; font-size: 18px; line-height: 22px; position: absolute; top: 0%; text-align: center; width: 22px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.themesflat-pagination .page-prev-next > li a.prev:before { content: "\f104"; left: 0; }
.themesflat-pagination .page-prev-next > li a.next:before { content: "\f105"; right: 0;}
.themesflat-pagination .page-prev-next > li a:after { content: ""; position: absolute; width: 22px; height: 22px; border-radius: 50%; background-color: #e9e9e9; top: 0; z-index: -1;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;  }
.themesflat-pagination .page-prev-next > li a.prev:after { left: 0; }
.themesflat-pagination .page-prev-next > li a.next:after { right: 0; }
.themesflat-pagination .page-prev-next > li a.prev { padding-left: 36px; }
.themesflat-pagination .page-prev-next > li a.next { padding-right: 36px; }

.themesflat-pagination .page-prev-next > li a:hover { color: var(--arma);  }
.themesflat-pagination .page-prev-next > li a:hover:before { color: #fff; }
.themesflat-pagination .page-prev-next > li a:hover:after { background-color: var(--arma);  }

/* Footer
-------------------------------------------------------------- */
#footer { background-color:var(--arma-blue); background-size: cover;  position: relative; z-index: 1; padding: 30px 0px 35px 0px; }

#footer-widgets .widget .widget-title { color: #fff; font-size: 16px; margin-bottom: 24px; letter-spacing: 1.3px; margin-top: 2px; }
#footer-widgets .widget .widget-title span { padding: 0px 0px 8px 0px; }
#footer-widgets .widget .widget-title span:after { width: 40px; }
#footer-widgets .widget.widget_lastest ul li { border-top: 1px solid rgba(255,255,255,0.07); padding-top: 13px; margin-top: 19px; }
#footer-widgets .widget.widget_lastest ul li:first-child { border-top: 0px; padding-top: 0px; }
#footer-widgets .widget ul { margin: 0; list-style: none; }

#footer-widgets .widget p { color: #999; font-weight: 500; font-family: Quicksand,sans-serif; }

/* Widget text */

#footer-widgets .widget.widget_text li { margin-top: 7px; }
#footer-widgets .widget.widget_text li:first-child { margin-top: 0px; }
#footer-widgets .widget.widget_text li .inner { position: relative; }
#footer-widgets .widget.widget_text span.fa { display: inline-block; text-align: center; border-radius: 5px;    background-color: #fffbfb; color: #040404; font-size: 17px; width: 25px; height: 25px; line-height: 25px; float: left; margin: 0px 14px 0px 0px; }
#footer-widgets .widget.widget_text span.text { font-family: Quicksand,sans-serif; font-size: 12px; color: rgba(255,255,255,0.8); line-height: 14px; overflow: hidden; }
#footer-widgets .widget.widget_text span.sl { text-transform: uppercase; }
.sosyal-links a{
    display: block;
    float: left;
    width: 36px;
    height: 36px;
    border: 2px solid #ccc;
    border-radius: 20px;
    margin-right: 15px; /*space between*/
    margin-left:20px;

} 
.sosyal-links a:hover{
    
    border: 2px solid #fff;
   background-color:#FFFFFF;

} 
.sosyal-links a i{
padding: 7px 8px;
font-size: 20px;
color: #fff;
}.sosyal-links a i:hover{
padding: 7px 8px;
font-size: 20px;
color: var(--arma);
}
/* Bottom
-------------------------------------------------------------- */
#bottom { background-color: #1d1d1d ;  font-size: 13px; line-height: 26px; color: #8c8c8c; }
#bottom .bottom-bar-inner-wrap { padding: 0px 0px 0px 0px; display: table; overflow: hidden; width: 100%; position: relative; }
#bottom .bottom-bar-content { display: table-cell; margin: 0; text-align: left; width: 40%; vertical-align: middle; }
#bottom #copyright span { color: #8c8c8c; }
#bottom #copyright span.text { padding-left: 6px; letter-spacing: 0.6px; }
#bottom .bottom-bar-menu { display: table-cell; text-align: right; width: 60%; vertical-align: middle; }
#bottom ul.bottom-nav { margin: 0; list-style: none; }
#bottom ul.bottom-nav > li { display: inline-block; position: relative; padding: 0 14px; }
#bottom ul.bottom-nav > li:last-child { padding-right: 0px; }
#bottom ul.bottom-nav > li > a { font-size: 13px; line-height: 24px; font-family: Quicksand,sans-serif; color: #8c8c8c; position: relative; font-weight: 500; }

#bottom ul.bottom-nav > li.current-menu-item > a,
#bottom ul.bottom-nav > li > a:hover { color: var(--arma);  }

/* Scroll Top
-------------------------------------------------------------- */
#scroll-top {    border-radius: 100px; position: fixed; display: block; width: 35px; height: 35px; line-height: 35px; text-align: center; z-index: 1; right: 14px; bottom: 23px; opacity: 0; visibility: hidden; cursor: pointer; overflow: hidden; }

#scroll-top.show { right: 24px; opacity: 1; visibility: visible; }
#scroll-top:before,
#scroll-top:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;  }
#scroll-top:before { z-index: -1; background-color: #3e3e3e; }
#scroll-top:after { content: "\f10c"; font-family: "Ionicons"; font-size: 18px; color: #fff; }
#scroll-top:hover:before { background-color: var(--arma); }

/* Switcher
-------------------------------------------------------------- */
.switcher-container {  position: fixed;  left: -220px; top: 100px; width: 220px; background-color: #000; z-index: 99999999;}
.switcher-container h2 {color: #fff;font-size: 13px;font-weight: 700;letter-spacing: 0; text-transform: uppercase;height: 45px;	line-height: 45px;padding-left: 20px;padding-right: 30px;margin: 0;}
.switcher-container h2 a { background-color: var(--arma);display: block; position: absolute; right: -45px; top: 0; width: 45px; height: 45px; line-height: 45px;   text-align: center;  outline: 0;  color: #fff;}
.switcher-container h2 a.active:after {	position: absolute;	right: 21px;top: 0;	content: "\f104";font-family: "FontAwesome";color: #fff;font-size: 22px;}
.switcher-container h2 a.active i {	display: none;}
.switcher-container h2 a:hover,
.switcher-container h2 a:focus { text-decoration: none;}
.switcher-container h2 i {margin-top: 10px;font-size: 25px;color: #fff;
    -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; }
.switcher-container h2 i:hover {color: #fff;}
.switcher-container h3 { font-size: 12px; font-weight: 700; color: #fff; margin: 0; line-height: 22px; margin-bottom: 10px;}
.switcher-container .selector-box {color: #fff; overflow: hidden;}
.switcher-container .layout-switcher { margin: 0 0 10px 0; overflow: hidden;}
.switcher-container .layout-switcher a.layout { float: left; display: block; cursor: pointer; text-align: center; font-weight: 700; padding: 10px 20px;   margin-left: 10px;}
.switcher-container .layout-switcher a.layout:first-child { margin-left: 0;}
.switcher-container .layout-switcher a.layout:hover { color: #fff; cursor: pointer;}
.switcher-container .color-box { height: auto; overflow: hidden; margin-bottom: 6px;}
.switcher-container .styleswitch { margin-bottom: 10px;}
.sw-odd {background-color: #272727;	padding: 21px 0 30px 20px;-webkit-transition: all 0.3s; -moz-transition: all 0.3s;-ms-transition: all 0.3s; -o-transition: all 0.3s;transition: all 0.3s;}
.sw-even {background-color: #191919;padding: 21px 0 25px 20px;-webkit-transition: all 0.3s; -moz-transition: all 0.3s;-ms-transition: all 0.3s; -o-transition: all 0.3s;transition: all 0.3s;}
.sw-even a { text-transform: uppercase;font-size: 12px;line-height: 40px;color: #fff;border: 1px solid #fff;padding: 10px 20px 10px 20px;margin-right: 10px;
	letter-spacing: 1.8px;font-weight: 600;}
.sw-even a:hover {background-color: var(--arma); border: 1px solid var(--arma); color: #fff !important;}
.sw-light {	background-color: #fff;	color: #000 !important;}
.sw-odd a {	font-size: 16px;color: #fff;width: 100%;display: inline-block;line-height: 17px;width: 100%;position: relative;padding-left: 47px;}
.sw-odd .ws-colors a:before {background: none;}
.sw-odd .ws-colors a {position: relative;width: auto;padding: 0;width: 30px;height: 30px;background-color: #333;
	display: inline-block;margin-right: 5px;overflow: hidden;}
.sw-odd .ws-colors a.current:before {position: absolute; left: 8px; top: 6px;font-family: FontAwesome;content: "\f00c";color: #fff;z-index: 999;text-shadow: 0 0 2px rgba( 0, 0, 0, 1 );}
.sw-odd .ws-colors #color1 {background-color: var(--arma);}
.sw-odd .ws-colors #color2 {background-color: #3b59a1;}
.sw-odd .ws-colors #color3 {background-color: #46b0e4;}
.sw-odd .ws-colors #color4 {background-color: #dd4c39;}
.sw-even h3 {margin-bottom: 6px;}
.sw-odd .sw-image {padding: 0 20px 15px 0;}
.sw-odd .sw-image a {padding: 0;margin-bottom: 5px;}
.sw-odd .sw-image .sw-buy { padding: 16px 0px; color: #fff; width: 100%; }

/* Pattern */
.sw-pattern.pattern {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0;position: absolute;left: 0;top: 98%;
	background-color: #000000;width: 100%;z-index: -1;padding: 20px 0 30px 20px;}
.sw-pattern.pattern a {	width: 40px; height: 40px; display: inline-block;margin-right: 5px; margin-bottom: 5px; position: relative;}
.sw-pattern.pattern a.current:before {position: absolute; left: 12px; top: 6px;font-family: "FontAwesome";content: "\f00c";color: #fff;text-shadow: 0 0 2px rgba( 0, 0, 0, 1 );}

/* Boxed
-------------------------------------------------------------- */
.home-boxed #page {z-index: 0;	width: 92.708%;	margin: 0 auto;	background: #fff;height: 100%;overflow: hidden;	-webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.02); -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.02);   box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.02);}

/* Media Queries
-------------------------------------------------------------- */
@media only screen and (max-width: 1199px) {
	.hentry .post-tags,
	#top-bar .top-bar-content { width: 70%; }

	.hentry .post-socials,
	#top-bar .top-bar-socials { width: 30%; }

	#bottom ul.bottom-nav > li { padding: 0px 10px; }

	.has-effect-icon.w40 .elm-link > a { width: 35px; height: 35px; line-height: 35px; }

	.right-38 { right: 0px !important; }

  .hentry .box-excerpt .text { overflow: inherit; }

  .widget.widget_list .inner { padding: 15px; }

  .themesflat-row.gutter-mobile .span_1_of_3 { width: 50%; }

  .divider.h35 { height: 35px; display: block; clear: both; }
}

@media only screen and (max-width: 991px) {
    .carousel-indicators li {height: 10px;border-radius: 100%;  }
	#site-header .mobile-button { display: block; }

	#main-nav,
	.menu-has-search #site-header #header-search ,
	.menu-has-cart #site-header .nav-top-cart-wrapper,
	#top-bar .top-bar-content,
	.switcher-container,
	.row-information{ display: none; }

	#top-bar .top-bar-socials { width: 100%; display: block; text-align: center; }

	#main-content { padding: 60px 0px; }

	#featured-title .featured-title-heading-wrap,
	#featured-title #breadcrumbs { width: 50%; }

  .sidebar-right #site-content,
  .sidebar-right #sidebar,
  .sidebar-left #sidebar,
  .sidebar-left #site-content,
  .sidebar-right.width-71 #site-content,
  .sidebar-right.width-73 #site-content { float: none; width: 100%; }

  .site-header-absolute #site-header-wrap { position: relative; }
  .header-style-3 #site-header { background-color: #3e3e3e; }
  .topbar-style-3 #top-bar { background-color:#262626; }

  .themesflat-row .span_1_of_3 { width: 50%; }
  .themesflat-row.gutter-30 > [class*="col"]:nth-child(3) { clear: both; }

  #footer { padding: 60px 0px; }

  #bottom .bottom-bar-menu,
  #bottom .bottom-bar-content { width: 50%; text-align: center; vertical-align: top; }

  .themesflat-row.separator.drank > [class*="span_"],
  .themesflat-row.separator.light > [class*="col"] { border-left: 0px; }

  .widget.widget_instagram .instagram-wrap.g10 .instagram_badge_image img { width: 100%; display: block; }

  .comment-list.style-2 article { padding: 15px; }

  .themesflat-row .col.span_1_of_4 { width: 100%; }

  .divider.h35 { height: 35px; display: none; height: 0; }
}

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

	#site-header .wrap-inner { padding: 20px 0px; }

	#bottom .bottom-bar-content,
	#bottom .bottom-bar-menu { width: 100%; display: block; }
	#bottom .bottom-bar-menu { margin-top: 10px; }

	.hentry .box-excerpt .thumb { margin: 0px 0px 27px 0px; float: none;  }

	.comment-respond { padding-top: 35px; }
	.separator-solid .flat-content-wrap { border-bottom: 0px; }

  .themesflat-row .span_1_of_3,
	.themesflat-row .span_1_of_6,
  .themesflat-row.gutter-mobile .span_1_of_3 ,
	.themesflat-row .span_1_of_4 { width: 100%; }

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

  .widget.widget_instagram .instagram_badge_image  img { display: block; width: 100%; }

}

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

	#featured-title #breadcrumbs,
	.hentry .post-tags,
	.hentry .post-socials,
	#featured-title .featured-title-heading-wrap { display: block; width: 100%; text-align: left;  }

	.hentry .post-tags a { margin-bottom: 15px; }

	.themesflat-pagination .page-prev-next > li { width: 100%; border-left: 0px; border-top: 1px solid #e7e7e7;  }
	.themesflat-pagination .page-prev-next > li:first-child { border-top: 0px; }

	.comment-list .children { display: none; }
	.comment-list .comment-meta .comment-time { padding-left: 0px; }
	.comment-list .comment-meta .comment-time:before { width: 0px; height: 0px; background-color: transparent; }

	#commentform .name-wrap, #commentform .email-wrap { width: 100%; margin-right: 0px; }

	.comment-list.style-2 article { padding: 10px; }
	.comment-list.style-2 .comment-meta .comment-position:before { width: 0px; height: 0px; background-color: transparent; }
	.comment-list.style-2 .comment-meta .comment-position { padding-left: 0px; }

  .comment-list article .gravatar { float: none; margin: 0px; }
  .comment-list article .comment-content { position: relative; margin-top: 15px; }
  .comment-list .comment-reply { top: auto; right: 0; left: 0; bottom: 0; }
  .comment-list article .comment-content p { padding-bottom: 0px; }

  #comments .comment-list article .comment-content .comment-text { padding-bottom: 30px; }

  button, input[type="button"], input[type="reset"], input[type="submit"] { width: 100%; }

  .comment-list.style-2 article .gravatar { margin: 0px; }

}
.boxes6{text-align:center;position:relative;  margin-bottom:40px;}
.boxes6:after,.boxes6:before{content:"";width:2px;height:2px;border-radius:50%;background:rgba(0,0,0,.35);position:absolute;top:50%;left:50%;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
.boxes6:hover:after,.boxes6:hover:before{-webkit-transform:scale(400);-moz-transform:scale(400);-ms-transform:scale(400);-o-transform:scale(400);transform:scale(400)}
.boxes6:before{-o-transition:all .5s linear .3s;-moz-transition:all .5s linear .3s;-ms-transition:all .5s linear .3s;-webkit-transition:all .5s linear .3s;transition:all .5s linear .3s}
.boxes6:hover:before{-moz-transition-delay:0s;-webkit-transition-delay:0s;-o-transition-delay:0s;-ms-transition-delay:0s;transition-delay:0s}
.boxes6:after{-o-transition:all .5s linear .6s;-moz-transition:all .5s linear .6s;-ms-transition:all .5s linear .6s;-webkit-transition:all .5s linear .6s;transition:all .5s linear .6s}
.boxes6:hover:after{-moz-transition-delay:.2s;-webkit-transition-delay:.2s;-o-transition-delay:.2s;-ms-transition-delay:.2s;transition-delay:.2s}
.boxes6 img{width:100%;height:auto}
.boxes6 .box-content{width:100%;height:100%;position:absolute;top:0;left:0;background:0 0;color:#fff;padding-top:25px;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-ms-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;-webkit-transition:all .3s linear 0s;-moz-transition:all .3s linear 0s;transition:all .3s linear 0s;z-index:1}
.boxes6:hover .box-content{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-moz-transition-delay:.4s;-webkit-transition-delay:.4s;-o-transition-delay:.4s;-ms-transition-delay:.4s;transition-delay:.4s}
.boxes6 .title{color:#fff;font-size:21px;font-weight:700;border-bottom:1px solid #fff;padding-bottom:20px;margin-top:60px}
.boxes6 .description{font-size:14px;font-style:italic;padding:0 10px;margin:15px 0}
.boxes6 .read-more{text-decoration: none;display:block;width:120px;background:var(--arma);border-radius:5px;font-size:14px;color:#fff;text-transform:capitalize;padding:10px 10px;margin:30px auto}

@media only screen and (max-width:990px){.boxes6{margin-bottom:30px}
.carousel-control-prev-icon, .carousel-control-next-icon {
    height: 20px;
    width: 20px;}}
@media only screen and (max-width:479px){.boxes6 .box-content{padding-top:0}
.carousel-control-prev-icon, .carousel-control-next-icon {
    height: 20px;
    width: 20px;}}
@media only screen and (max-width:359px){.boxes6 .title{padding-bottom:10px}
.carousel-control-prev-icon, .carousel-control-next-icon {
    height: 20px;
    width: 20px;}}

.boxes6{overflow:hidden}   

.container-breadcrumb {height:100px;}

_.proje-baslik{position: absolute; text-align: left; padding: 5px 10px; width: 75%; height: 45px; color: rgba(0,128, 192, 0.55); left: 0; bottom: 20px;}
.proje-baslik{position: absolute; text-align: left; padding: 5px 10px; width: 75%; height: 45px; color: rgba(0,128, 192, 0.55); left: 15; bottom: 20px;}
.proje-baslik h4{color:#fff;font-size:14px;	line-height:36px;margin:0;}
.proje-baslik:before{border-top-color: rgba(0,128, 192, 0.55);border-top: 45px solid;border-right: 60px solid transparent;position:absolute;content: "";display:block;width: 0;height: 0;right:-60px;top:0;z-index:2;}
.proje-baslik {background-color: rgba(0,128, 192, 0.55);}
.proje:hover {box-shadow: rgb(38, 57, 77) 0px 20px 20px -10px;}

.about-menu a {
    background: #F2F2F2 none repeat scroll 0 0;
   
    display: block;
    padding: 15px;
    transition: .4s;
    font-size: 16px; 
 
}
.stok-sidebar-title  {
  font-weight: 800;
    background: #FF6F0D none repeat scroll 0 0;
    display: block;
    text-color: #fff;
    padding: 15px;
    transition: .4s;
    font-size: 16px;
    color: #fff;
 
}
.about-menu li {list-style:none;}
.about-menu ul {margin: 0 0 10px 0px;}



/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--arma);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: white;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* Bubble Top */
.hvr-bubble-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-bubble-top:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  left: calc(50% - 10px);
  top: 0;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #ff6f0d transparent;
}
.hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before {
  -webkit-transform: translateY(-10px);
  transform: translateY(-25px);
}
/* Shadow */
.hvr-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}
.hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  background-color: var(--arma);
}


.section-header {
    max-width: 540px;
    padding-bottom: 30px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 10;
}
.section-header .section-heading {
    position: relative;
}
.section-header .section-description {
    margin-bottom: 20px;
    position: relative;
}

.text-beyaz {
    color: #ffffff;
    Font-size:35px;
    text-shadow: 2px 2px #4A4A4A;
    font-family: Quicksand,sans-serif; 
}
.text-beyaz2 {
    color: #ffffff;
    Font-size:25px;
        font-family: Quicksand,sans-serif; 
}
.home_pagge:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.3;
    z-index: 1;
}
.home_pagge .home-pagge-alt,
.home_pagge .home_pagge-img{
    z-index: 10;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.home_pagge .home_pagge-img img{
    margin: 0 8px 80px;
}
.section-padding {
    padding: 80px 0;
}












@media only screen and (max-width: 767px) {.div-no-mobile {display:none;}}
@media screen and (max-width: 600px) {.div-no-mobile {display:none;}}
@media only screen and (max-width: 991px) {.div-no-mobile {visibility: hidden;}}

.gri {
    background-color:#F2F3F4 !important;
    padding-right: 30px;
    padding-left: 30px;
    margin-right: auto;
    margin-left: auto;
}
.services-section {
    position: relative;
    padding: 135px 0 80px;
}

.services-block {
    position: relative;
    margin-bottom: 40px;
}

.services-block .inner-box {
    position: relative;
}

.services-block .image-box {
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}

.services-block .image-box img {
    display: block;
    width: 100%;
    height: auto;
}
.services-block .overlay-box {
    position: absolute;
    left: 0;
    top: 0;
    height: 0%;
    width: 100%;
    background-color: rgba(24, 24, 24, .90);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.services-block .inner-box:hover .overlay-box {
    height: 100%;
}

.services-block .overlay-box .btn-box {
    position: absolute;
    left: 30px;
    top: -25px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.services-block .inner-box:hover .overlay-box .btn-box {
    top: 25px;
    transition-delay: 200ms;
}

.services-block .overlay-box .btn-box a {
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    color: #0080C0;
    font-weight: 600;
    text-decoration:none;
}

.services-block .overlay-box .btn-box a:hover {
    text-decoration: underline;
}

.services-block .overlay-box .btn-box .icon {
    position: relative;
    display: inline-block;
    top: 3px;
    height: 14px;
    width: 14px;
    background-image: url(../images/icons/arrow-top-right.png);
    background-repeat: no-repeat;
    margin-right: 10px;
}

.services-block .image-box .title {
    position: absolute;
    left: 0;
    bottom: 20px;
    z-index: 9;
    padding: 10px 30px;
    _padding-right: 60px;
    background-color: #fff;
    _border:1px solid #0080C0;
    width: 300px;
    height: 60px;
    _background-color:rgba(0, 128, 192,0.7);
}

.services-block .image-box .title h3 {
    display: block;
    font-size: 19px;
    line-height: 20px;
    color: #303030;
    font-weight: 500;
}

.services-block .image-box .title h3 a {
    color: #303030;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.services-block .image-box .title h3 a:hover {
    color: #f7c02d;
}

.services-block .image-box .title i {
    position: absolute;
    right: -45px;
    top: 0;
    width: 45px;
    height: 45px;
    line-height: 45px;
    color: #303030;
    font-size: 26px;
    font-weight: 600;
    background-color: #0080C0;
    text-align: center;
}

.services-block .lower-content {
    position: relative;
    display: block;
    border: 1px solid #f2f2f2;
    padding: 22px 25px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.services-block .inner-box:hover .lower-content {
    -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0px 10px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 0px 10px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 0px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 0px 10px rgba(0, 0, 0, .1);
}

.services-block .lower-content .text {
    font-size: 16px;
    line-height: 26px;
    color: #848484;
    font-weight: 400;
}
/* ARROWS */

.custom.tparrows {
	cursor:pointer;
	background:#000;
	background:rgb(38, 71, 150,0.80);
	width:100px;
	height:100px;
	position:absolute;
	display:block;
	z-index:100;
}
.custom.tparrows:before {
	font-family: "revicons";
	font-size:30px;
	color:#fff;
	display:block;
	line-height: 100px;
	text-align: center;
  transition: background 0.3s, color 0.3s;
}
.custom.tparrows.tp-leftarrow:before {
	content: "\e824";
}
.custom.tparrows.tp-rightarrow:before {
	content: "\e825";
}
.custom.tparrows:hover:before {
   color:#aaa;
   background:#fff;
   background:rgba(255,255,255,1);
 }
.custom .tp-arr-allwrapper {
  position:absolute;
  left:100%;
  top:0px;
  background:#888; 
  width:100px;height:100px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0.0;
  -khtml-opacity: 0.0;
  opacity: 0.0;
  -webkit-transform: rotatey(-90deg);
  transform: rotatey(-90deg);
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}
.custom.tp-rightarrow .tp-arr-allwrapper {
   left:auto;
   right:100%;
   -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
   -webkit-transform: rotatey(90deg);
  transform: rotatey(90deg);
}
.custom:hover .tp-arr-allwrapper {
   -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;  
    -webkit-transform: rotatey(0deg);
  transform: rotatey(0deg);
 }
    
.custom .tp-arr-iwrapper {
}
.custom .tp-arr-imgholder {
  background-size:cover;
  position:absolute;
  top:0px;left:0px;
  width:100%;height:100%;
}
.custom .tp-arr-titleholder {
}
.custom .tp-arr-subtitleholder {
}
/* BULLETS */
.custom.tp-bullets {
}
.custom.tp-bullets:before {
	content:" ";
	position:absolute;
	width:100%;
	height:100%;
	background:transparent;
	padding:10px;
	margin-left:-10px;margin-top:-10px;
	box-sizing:content-box;
}
.custom .tp-bullet {
	width:12px;
	height:12px;
	position:absolute;
	background:#999;
	border:3px solid #f5f5f5;
	border-radius:50%;
	cursor: pointer;
	box-sizing:content-box;
  box-shadow: 0px 0px 2px 1px rgba(130,130,130, 0.3);
}
.custom .tp-bullet:hover,
.custom .tp-bullet.selected {
	background:#304e97;
    border-color:#fff;
}
.custom .tp-bullet-image {
}
.custom .tp-bullet-title {
}
.custom .tp-tab-number {
        color: #fff;
        font-size: 40px;
        line-height: 30px;
        font-weight: 400;
        font-family: "Playfair Display";
        width: 50px;
        margin-right: 17px;
        display: inline-block;
        float: left;
    }
    .custom .tp-tab-mask {
        padding-left: 20px;
        left: 0px;
        max-width: 90px !important;
        transition: 0.4s padding-left, 0.4s left, 0.4s max-width;
    }
    .custom:hover .tp-tab-mask {
        padding-left: 0px;
        left: 50px;
        max-width: 500px !important;
    }
    .custom .tp-tab-divider {
        border-right: 1px solid transparent;
        height: 30px;
        width: 1px;
        margin-top: 5px;
        display: inline-block;
        float: left;
    }
    .custom .tp-tab-title {
        color: #fff;
        font-size: 20px;
        line-height: 20px;
        font-weight: 400;
        font-family: "Playfair Display";
        position: relative;
        padding-top: 10px;
        padding-left: 30px;
        display: inline-block;
        transform: translateX(-100%);
        transition: 0.4s all;
    }
    .custom .tp-tab-title-mask {
        position: absolute;
        overflow: hidden;
        left: 67px;
    }
    .custom:hover .tp-tab-title {
        transform: translateX(0);
    }
    .custom .tp-tab {
        opacity: 0.15;
        transition: 0.4s all;
    }
    .custom .tp-tab:hover,
    .custom .tp-tab.selected {
        opacity: 1;
    }
    .custom .tp-tab.selected .tp-tab-divider {
        border-right: 1px solid #cdb083;
    }
    .custom.tp-tabs {
        max-width: 118px !important;
        padding-left: 50px;
    }
    .custom.tp-tabs:before {
        content: " ";
        height: 100%;
        width: 88px;
        background: rgba(0, 0, 0, 0.15);
        border-right: 1px solid rgba(255, 255, 255, 0.10);
        left: 0px;
        top: 0px;
        position: absolute;
        transition: 0.4s all;
    }
    .custom.tp-tabs:hover:before {
        width: 118px;
    }
    @media (max-width: 499px) {
        .custom.tp-tabs:before {
            background: rgba(0, 0, 0, 0.75);
        }
        
    }

 .metin_sag{float:right;_padding:0 35px 10px 0;padding:10px 10px 10px 10px;_border:1px solid #ddd;_box-shadow: 0 3px 6px rgba(0,0,0,0.4);}.metin_container{width: 100%;margin:auto;}
.servis-resim-kutu {
    position: relative;
    display: block;
    max-width: 470px;
    width: 100%;}
.servis-resim-kutu .resim_cerceve {
    position: relative;
    display: block;
    width: 370px;
    overflow: hidden;
    z-index: 5;
}
.servis-resim-kutu .resim_cerceve:before{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 170px;
    height: 300px;
    background: url('assets/img/border.png');
    content: "";
    z-index: 1;
}
.servis-resim-kutu .resim_cerceve img{
    width: 100%;
    transform: scale(1.01);
    transition: all 700ms ease;    
}
.servis-resim-kutu .resim_cerceve img:hover{
    transform: scale(1.2);  
}
.wrapper-icons{ 
    position:fixed;
    bottom:20px;
    left:20px;
    z-index:1000;
}

.wrapper-icons a:nth-child(1){
    background-color:green;
}

.wrapper-icons a:nth-child(2){
    background-color:blue;
}
  
.wrapper-icons a:nth-child(3){
    
    animation: 0.7s ease-out 0s 1 FadeInn;
    transition:all 0.3s;
}


.wrapper-icons a:hover:nth-child(3){
    
    background-color:red;
}
 
 
@keyframes FadeInn {
    0% {
     transform:rotate(0deg);
    }
    100% {
      transform:rotate(360deg); 
    }
}


.hide{
    position:absolute;
    bottom:0px !important;
    z-index:-1;
    transition:all 2s;
    
}

.sosyal{
    
}

.wrapper-icons a{ 
    height:30px;
    width:30px;
    background:#000;
    padding:10px;
    display:flex;
    flex-direction:row;
    border-radius:50%;
    justify-content:center;
    align-items:center; 
    text-decoration:none;
    color:#fff;
    margin:2px;
}


.mainpage_2_box {
    background-color:#f5f5f5;
    padding: 20px 15px;
    border-radius: 5px;
    margin-bottom: 15px;
}
#mainpage_2_box_text p:hover  {
    font-size: 15px;
   
}

.mainpage_2_box:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.mainpage_2_box:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.mainpage_2_box:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}















.mainpage_2_box_text {
    font-size: 15px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
    font-family: Quicksand,sans-serif;
}

.mainpage-title {
    font-weight: 700;
    color: #FF6F0D;
    font-size: 20px;
    margin-top: 20px;
    font-family: Quicksand,sans-serif;
}





.main2-divisions {
    display: flex;
    justify-content: space-around;
    align-items: center;

}
.main2 {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.main2-divisions {
    display: flex;
    justify-content: space-around;
    align-items: center;
   
}
.main2 {
    display: flex;
    flex-direction: column;
    align-items: center;
}




.main2-icon {
   border-radius: 100%;
   width: 100px;
    height: 100px;
    border-radius: 100%;
    background-color: #e6650e;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-shadow: 5.694px 12.79px 30px 0px rgb(38 71 150 / 35%);
    box-shadow: 5.694px 12.79px 30px 0px rgb(38 71 150 / 35%);
}
.main2:nth-child(5) img {
    width: 70px;
  margin-left: 15px;
    margin-top: 14px;
}
.main2:nth-child(4) img {
    width: 70px;
   margin-left: 15px;
    margin-top: 14px;
}
.main2:nth-child(3) img {
    width: 70px;
  margin-left: 15px;
    margin-top: 14px;
}
.main2:nth-child(2) img {
    width: 70px;
 margin-left: 15px;
    margin-top: 14px;
}
.main2-icon img {
    width: 70px;
    margin-left: 15px;
    margin-top: 10px;
  }