@font-face {
  font-family: 'GothamNarrow-Thin';
  src: url('font/GothamNarrow-Thin.eot');
  src: url('font/GothamNarrow-Thin.eot?#iefix') format('embedded-opentype'),
       url('font/GothamNarrow-Thin.svg#GothamNarrow-Thin') format('svg'),
       url('font/GothamNarrow-Thin.ttf') format('truetype'),
       url('font/GothamNarrow-Thin.woff') format('woff'),
       url('font/GothamNarrow-Thin.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GothamNarrow-Light';
  src: url('font/GothamNarrow-Light.eot');
  src: url('font/GothamNarrow-Light.eot?#iefix') format('embedded-opentype'),
       url('font/GothamNarrow-Light.svg#GothamNarrow-Light') format('svg'),
       url('font/GothamNarrow-Light.ttf') format('truetype'),
       url('font/GothamNarrow-Light.woff') format('woff'),
       url('font/GothamNarrow-Light.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GothamNarrow-Book';
  src: url('font/GothamNarrow-Book.eot');
  src: url('font/GothamNarrow-Book.eot?#iefix') format('embedded-opentype'),
       url('font/GothamNarrow-Book.svg#GothamNarrow-Book') format('svg'),
       url('font/GothamNarrow-Book.ttf') format('truetype'),
       url('font/GothamNarrow-Book.woff') format('woff'),
       url('font/GothamNarrow-Book.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GothamNarrow-Bold';
  src: url('font/GothamNarrow-Bold.eot');
  src: url('font/GothamNarrow-Bold.eot?#iefix') format('embedded-opentype'),
       url('font/GothamNarrow-Bold.svg#GothamNarrow-Bold') format('svg'),
       url('font/GothamNarrow-Bold.ttf') format('truetype'),
       url('font/GothamNarrow-Bold.woff') format('woff'),
       url('font/GothamNarrow-Bold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham-Medium';
  src: url('font/Gotham-Medium.eot');
  src: url('font/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
       url('font/Gotham-Medium.woff2') format('woff2'),
	   url('font/GothamMedium.svg#GothamMedium') format('svg'),
       url('font/GothamMedium.ttf') format('truetype'),
       url('font/GothamMedium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.soft-slow {
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
#soft	{
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;	
}
.soft {
-webkit-transition: width 1000ms linear;
-moz-transition: width 1000ms linear;
-ms-transition: width 1000ms linear;
-o-transition: width 1000ms linear;
transition: width 1000ms linear;
	}
::-webkit-scrollbar {
            width: 5px;
        }
::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
        }
::-webkit-scrollbar-thumb {
             background-color: rgba(15, 15, 15, 0.7);
            outline: 1px solid slategrey;
        }
img { border:0}
ul { list-style:none}
html { width:100%; height:100%;}
a { text-decoration:none; color:#999999;}
a:hover {color:#E60000; text-decoration:none}
.container { width:1200px; margin:0 auto; padding:0; position:relative; display:table}
body { margin:0; padding:0; font-family: 'GothamNarrow-Book'; font-size:16px; line-height:18px; letter-spacing:-0.5px; width:100%; height:100%;
-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; background:url(../images/bodyBackGround.jpg) left top no-repeat #EDEDEF; background-size:cover; overflow-x: hidden;
}
.header { width:100%; height:103px; background:url(../images/_headerBackGround.png) repeat; padding:0; margin:0; position:relative;}
.logo { width:191px; height:160px; margin:0; padding:5px; text-align:center; float:left; background:url(../images/_logoBackGround.png) no-repeat;}
.menu { float:right}
.menu i { display:none}
.menu ul { margin:0; padding:0; list-style:none}
.menu ul li { float:left; padding:0 5px; margin:0 7px;}
.menu ul li a { color:#524C52;   font-family: 'Gotham-Medium'; letter-spacing:-1px; font-weight:bold; font-size:20px; padding-bottom:8px; line-height:86px;}
.menu ul li a:hover { color:#FFB200; border-bottom:2px solid #FFB200; -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;}
.menu ul li .active { color:#FFB200; border-bottom:2px solid #FFB200;}

.lang { height:45px;  margin-top:15px; line-height:45px; float:right; margin-left:10px }
.lang ul { margin:0; padding:0 10px; border-left:1px solid #F2F2F2; border-right:1px solid #F2F2F2; list-style:none; float:left}
.lang ul li { float:left; padding:0 5px; margin:0 7px;}
.lang ul li a { color:#524C52;   font-family: 'Gotham-Medium'; letter-spacing:-1px; font-weight:bold; font-size:20px; padding-bottom:4px; line-height:45px;}
.lang ul li a:hover { color:#FFB200; border-bottom:2px solid #FFB200; -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;}
.lang ul li .active { color:#FFB200; border-bottom:2px solid #FFB200;}
.lang i { float:right; line-height:45px; margin-left:10px; color:#524E52; font-size:22px; cursor:pointer}
.toogleMenu { display:none}
.slider { width:100%; margin:35px 0 0 0; padding:0px 0 0 0; position:relative; height:480px; background:url(../images/_sliderWorldBackGround.png) no-repeat right top}
.slider .btn { width:204px; height:54px; margin:15px auto; background:url(../images/buttonBackGround.png) no-repeat;  font-family: 'GothamNarrow-Book'; font-size:20px; color:#FFF; line-height:54px; text-align:center; cursor:pointer}
.slider .btn i { font-size:14px; line-height:54px; float:right; margin-right:15px;}
.slider .btn:hover {-webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; color:#BD2222}
.slider .arrow {position:absolute; right:0; bottom:0; background:url(../images/sliderArrowBackGround.png) no-repeat; width:130px; height:128px}

.blog { width:100%; height:50px; margin:0; padding:0; line-height:50px; background:url(../images/blogBantBG.jpg) no-repeat #FDB100 left top; }
.blog .baslik { float:left; height:50px; width:200px; background:url(../images/blogBaslik.png) no-repeat right center;}
.blog .baslik h3 { line-height:50px; margin:0; padding:0; text-align:center; color:#524E52; font-size:20px;}
.blog .haberLine { float:left; padding:0 0 0 5px; font-size:16px; width:900px; margin:0; color:#524E52; line-height:50px}
.sAY {
    float: right;
    margin: 0px 0 0 0; width:35px; height:50px;
}
.Fvticker ul li a { color:#524E52;  font-family: 'GothamNarrow-Book';}
.Fvticker ul li a:hover { color:#BD2222;}

.cateBox1 { width:33.33%; float:left; height:455px; background-size:cover !important; position:relative; cursor:pointer}
.cateBox1 .golge { position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:3 }
.cateBoxMain { width:96%; height:96%; position:absolute; z-index:4; border:1px solid #FFF; margin:2% 0 0 2%; border-radius:.5em}
.cateBoxMain h2 { font-size:52px; font-family: 'GothamNarrow-Bold'; font-weight:bold;color:#FFF; text-shadow: 1px 1px 3px #000; text-align:center; line-height:56px; width:100%; position: relative; text-align:center;
  top: 40%;
  transform: perspective(1px) translateY(-60%);}
.cateBoxMain h3 { font-size:28px; font-family: 'GothamNarrow-Bold';  color:#FFF; text-shadow: 1px 1px 3px #000; text-align:center; margin:15px 0 0 0; padding:0}

.cateBox1:hover { 
  box-shadow: 0px 0px 10px #333;
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.1);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.1);
    transition: all 200ms ease-in;
    transform: scale(1.1);
  }
.clear{ clear:both;}
.categoriBlog { width:100%; padding:0; margin:10px 0 0 0; display:table }

.vision { width:100%; height:260px; margin:20px 0 0 0; padding:50px 0 0 0; background:#FFF;-webkit-box-shadow: 0 0 3px 3px #DDDDDD;
box-shadow: 0 0 3px 3px #DDDDDD; font-size:22px; line-height:32px; font-family: 'GothamNarrow-Light'; font-weight:bold; color:#524D52}
.vision img { float:left; margin-right:50px}
.vision h3 { margin:0; padding:0; color:#EB0000; font-family: 'GothamNarrow-Book'; font-size:48px; line-height:64px;}

.aboutUs { width:100%; height:700px; position:relative; margin:20px 0 0 0; padding:0; background:url(../../pics/diger/griffon-about-us.jpg) no-repeat; background-size:cover}
.aboutUsMain { width:48%; height:100%; background:rgba(255,255,255,0.95); float:left; margin:0; padding:0 9% 0 5%;-webkit-clip-path: polygon(0 0, 100% 0%, 61% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0%, 61% 100%, 0% 100%); color:#524C52; font-size:22px; line-height:32px; font-family: 'GothamNarrow-Book';}
.aboutUsMain h2 {color:#EB0000; font-size:76px; font-family: 'GothamNarrow-Bold'; font-weight:bold; margin:32% 0 50px 0; padding:0;}
.aboutUsMain .btn { width:204px; height:54px; margin:75px 0 0 0; background:url(../images/buttonBackGround.png) no-repeat;  font-family: 'GothamNarrow-Book'; font-size:20px; color:#FFF; line-height:54px; text-align:center; cursor:pointer}
.aboutUsMain .btn i { font-size:14px; line-height:54px; float:right; margin-right:15px;}
.aboutUsMain .btn:hover {-webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; color:#BD2222}
.aboutUsMain .arrow {position:absolute; right:0; bottom:0; background:url(../images/sliderArrowBackGround.png) no-repeat; width:130px; height:128px}

.mailBox { width:100%; height:100px; margin:20px 0 0 0; padding:0; background:url(../images/mailBoxBackground.jpg) no-repeat left top #FDB40A;}
.mailBoxForm { width:1200px; color:#FFFFFF; padding:30px 0 0 0; height:50px; line-height:50px; margin:0 auto 0 auto}
.mailBoxForm .baslik { font-size:24px; line-height:30px; margin:5px; float:left; font-family: 'GothamNarrow-Book'; color:#524E52;}
.mailBoxForm input[type=email] { width:803px; height:40px; border:none; font-family: 'GothamNarrow-Book'; float:left; margin:0; padding:0 10px; color:#524E52;}
.mailBoxForm input[type=email]::placeholder{font-family: 'GothamNarrow-Book';}
.mailBoxForm input[type=submit] { width:200px; height:40px; cursor:pointer; font-family: 'GothamNarrow-Book'; font-size:18px; font-weight:300; line-height:44px; letter-spacing:-1px; border:none; float:left; margin:0; padding:0; text-align:center; color:#FFFFFF; background:#524E52; }

footer { width:100%; min-height:350px; margin:20px 0 0 0; padding:20px 0 40px 0; color:#FFF;font-family: 'GothamNarrow-Light'; font-size:18px; line-height:28px; background:#524E52; border-top:5px solid #3D3A3D; border-bottom:5px solid #3D3A3D; display:table; }

footer h3 { color:#FFF; font-size:22px; font-family: 'GothamNarrow-Bold';}
footer ul { margin:0 0 0 15px; padding:0}
footer ul li { width:100%; line-height:22px; margin-bottom:5px}
footer ul li a { color:#FFF; padding:0 0 3px 0}
footer ul li a:hover { color:#FFBB21; text-decoration:none; -webkit-transition: width 2000ms linear;
-moz-transition: width 2000ms linear;
-ms-transition: width 2000ms linear;
-o-transition: width 2000ms linear;
transition: width 2000ms linear;}
footer ul li a i { margin-right:5px; font-size:14px; line-height:22px;}
footer span { font-family: 'GothamNarrow-Book';}
.altMenu { width:100%; margin:20px 0 15px 0; padding:0; color:#33302C; font-size:16px; line-height:22px}
.altMenu span { font-family: 'GothamNarrow-Light';}
.sosyalaglar ul {
    width: 290px;
    height: 20px; margin:0; padding:0
}
.socialmedia li {
    float: left;
    margin-right: 3px;
    margin-bottom: 0px;
    list-style: none;
}

.socialmedia li img {
    -webkit-filter: grayscale(1);
    opacity: 0.7;
}

.socialmedia li img:hover {
    -webkit-filter: grayscale(0);
    opacity: 1;
}

.socialmedia li a {
    text-indent: -9999px;
}

.socialmedia li a.facebook {
    width: 36px;
    height: 36px;
    background: url('../images/sprite-socialmedia.png') no-repeat 0 0;
    display: block;
}

.socialmedia li a.facebook:hover {
    background: url('../images/sprite-socialmedia.png') no-repeat -170px 0;
}

.socialmedia li a.twitter {
    width: 36px;
    height: 36px;
    background: url('../images/sprite-socialmedia.png') no-repeat -43px 0;
    display: block;
}

.socialmedia li a.twitter:hover {
    background: url('../images/sprite-socialmedia.png') no-repeat -213px 0;
}

.socialmedia li a.pinterest {
    width: 36px;
    height: 36px;
    background: url('../images/sprite-socialmedia.png') no-repeat -85px 0;
    display: block;
}

.socialmedia li a.pinterest:hover {
    background: url('../images/sprite-socialmedia.png') no-repeat -255px 0;
}

.socialmedia li a.vimeo {
    width: 36px;
    height: 36px;
    background: url('../images/sprite-socialmedia.png') no-repeat -129px 0;
    display: block;
}

.socialmedia li a.vimeo:hover {
    background: url('../images/sprite-socialmedia.png') no-repeat -299px 0;
}

.socialmedia li a.instagram {
    width: 36px;
    height: 36px;
    background: url('../images/sprite-socialmedia.png') no-repeat 0 -42px;
    display: block;
}

.socialmedia li a.instagram:hover {
    background: url('../images/sprite-socialmedia.png') no-repeat -170px -42px;
}

.socialmedia li a.youtube {
    width: 36px;
    height: 36px;
    background: url('../images/sprite-socialmedia.png') no-repeat -44px -42px;
    display: block;
}

.socialmedia li a.youtube:hover {
    background: url('../images/sprite-socialmedia.png') no-repeat -214px -42px;
}

.socialmedia li a.linkedin {
    width: 36px;
    height: 36px;
    background: url('../images/sprite-socialmedia.png') no-repeat -85px -42px;
    display: block;
}

.socialmedia li a.linkedin:hover {
    background: url('../images/sprite-socialmedia.png') no-repeat -255px -42px;
}

.socialmedia li a.googleplus {
    width: 36px;
    height: 36px;
    background: url('../images/sprite-socialmedia.png') no-repeat -129px -42px;
    display: block;
}

.socialmedia li a.googleplus:hover {
    background: url('../images/sprite-socialmedia.png') no-repeat -299px -42px;
}

.socialmedia li a.rss {
    width: 36px;
    height: 36px;
    background: url('../images/sprite-socialmedia.png') no-repeat 0 -84px;
    display: block;
}

.socialmedia li a.rss:hover {
    background: url('../images/sprite-socialmedia.png') no-repeat -170px -84px;
}

.socialmedia li a.email {
    width: 36px;
    height: 36px;
    background: url('../images/sprite-socialmedia.png') no-repeat -44px -84px;
    display: block;
}

.socialmedia li a.email:hover {
    background: url('../images/sprite-socialmedia.png') no-repeat -214px -84px;
}

.title { width:100%; margin:-15px 0 0 0; padding:50px 0 0 0; position:relative; height:220px; background:url(../images/_sliderWorldBackGround.png) no-repeat right top}

.title h1 { margin:0; padding:0px 0 0 0; color:#565656; font-weight:bold; font-family: 'GothamNarrow-Bold'; text-align:center; font-size:72px; text-shadow: 1px 1px 2px #6B6B6B; line-height:98px; }
.title .burda { margin:10px auto !important; padding:0; min-width:100px; display:table; background:rgba(255,255,255,0.7); padding:5px 10px;-webkit-border-radius: 5px; border-radius: 5px;}
.title .burda ul { width:100%; margin:0; padding:0}
.title ul li { float:left !important; margin:5px 5px !important; color:#565656; font-weight:700; font-size:14px;}
.title ul li a { color:#FFBB21}
.title ul li a:hover {color:#333}
.title ul li i { margin:0 10px !important; font-size:10px !important; color:#FFBB21}

.main { width:100%; background:#FFF; display:table; margin:20px 0; padding:30px 0; -webkit-box-shadow: 0 0 2px 3px #ccc;
box-shadow: 0 0 2px 3px #ccc;}

.kurumsalImg {padding:5px; margin:0 20px 20px 0; float:left; width:555px; display:table; -webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px; }
.kurumsalImg figure { width:100%; height:auto; margin:0; padding:0; position:relative;}
.kurumsalImg figure .Gorsel {margin:0; padding:0;  width:100%; height:auto; -webkit-border-radius: 10px;
border-radius: 10px; -webkit-box-shadow: 0 0 2px 2px #111111;
box-shadow: 0 0 2px 2px #E6E6E6;}
.kurumsaLIcerik { width:615px; float:right; color:#524C52; font-size:18px;font-family: 'GothamNarrow-Light'; font-weight:bold; line-height:22px; }
.border-c {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    padding: 10px;
    display: block;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;}
.border-c .border-inner {
    width: 100%;
    height: 100%;
    border: 1px solid rgba(255,255,255,0.50);
    border-radius: 10px;
}
.kurumsalGorsel {margin:0; padding:0; -webkit-box-shadow: 0 0 2px 2px #E0E0E0; box-shadow: 0 0 2px 2px #E0E0E0;}

.urunBox { float:left; width:280px; min-height:270px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0px 10px rgba(198,198,198,0.3);-moz-box-shadow: 0 0px 5px rgba(198,198,198,0.3); box-shadow: 0 0px 5px rgba(198,198,198,0.3); margin:15px 10px; background:#FFFFFF; -webkit-border-radius: 5px;border-radius: 5px;  text-align:center; padding:0 10px 20px 10px; color:#524C52; font-size:16px; line-height:14px; font-family: 'GothamNarrow-Light'; display:table;}
.urunBox img { margin:10px auto; width:100%; height:auto }
.urunBox p { height:60px;}
.urunBox:hover { -webkit-box-shadow: 0 1px 10px rgba(190,32,37,0.5);-moz-box-shadow: 0 1px 5px rgba(190,32,37,0.5); box-shadow: 0 1px 5px rgba(190,32,37,0.5);  }

.urunBox h2 { line-height:22px; font-size:18px; margin:0; height:40px; font-family: 'GothamNarrow-Book'; padding:10px 0; color:#D90000; font-weight:bold;}

.urunBox p {color:#111111; font-weight:700; font-size:16px; line-height:22px; display:table;}

.urunBox .detay { width:150px; color:#FFF; -webkit-border-radius: 10px; border-radius: 10px; height:35px; padding:0; text-align:center; border:1px solid #BE2025; background:#BE2025; margin:0px auto 0 auto;}
.urunBox .detay a { color:#FFF; line-height:33px; font-size:18px; margin:0; padding:0; font-weight:300}
.urunBox .detay:hover{ background:#B8161B; border:1px solid #BE2025; color:#FFF;}
.urunBox .detay:hover>a {color:#FFFFFF;}

.urunImage {padding:5px; border:1px solid #E9EAEC; margin:10px auto 20px auto; float:left; width:520px;  display:table; text-align:center;}
.urunGorsel { margin:0 auto; padding:0; width: 100%; height:auto}
.urunGaleri { float:left; margin:10px 3px 5px 2px; padding:5px; border:1px solid #e5e5e5; cursor:pointer }
.belgeGaleri { float:left; margin:10px 20px; padding:5px; border:1px solid #e5e5e5; cursor:pointer }
.belgeGaleri img { width:180px; height:auto}
.galeri { float:left; float:left; width:48%; margin:10px 1%;}
.urunDetay {float:right; width:660px; line-height:22px}
.urunDetay h2 { font-size:32px; text-align:left; color:#00A0E3; margin:0; line-height:42px; padding:0;}
.urunDetay span { font-size:16px; }

.urunDetay span a { font-size:16px; line-height:16px; text-decoration:none; background:#DEDEDC; padding:0px 15px 5px 15px; margin-left:30px; color:#333; -webkit-border-radius: 5px;
border-radius: 5px; }
.urunDetay span a:hover {  background:#333; color:#DEDEDC }

.etiket { color:#666 !important; padding:5px 10px; border:1px solid #CCC; -webkit-border-radius: 5px; border-radius: 5px; margin:5px 5px; text-decoration:none; white-space:nowrap; float:left; }
.etiket:hover { background:#666 !important; color:#FFF !important;}

.etiketBox { width:100%; margin:0 0 20px 0; padding-bottom:20px; border-bottom:1px dashed #E9EAEC; display:table}
.etiketBox span { color:#555}

.etiketBox .detay { width:120px; color:#FFF; float:right; height:30px; padding:0; text-align:center; border:1px solid #FFFFFF; background:#EA5A05; margin:20px 0 0 0}
.etiketBox .detay a { color:#FFF; line-height:28px; font-size:16px; margin:0; padding:0; font-weight:300}
.etiketBox .detay:hover { background:#555; border:1px solid #666}

/*----------- Pagination --------------*/

.pagination_block {
    margin-top: 40px;
    text-align: center;
    padding-top: 5px;
    list-style: none;
    clear: both;
}

.pagination_block.var2 {
    margin-top: 0;
    text-align: left;
    border-top: none;
    padding-top: 0;
}

.pagination_block span {
    color: #b0b1b4;
    display: inline-block;
    line-height: 31px;
}

.pagination {
    display: inline-block;
    margin-left: 5px;
}

.pagination li {
    float: left;
    list-style: none;
}

.pagination li a {
    padding: 5px 11px;
    color: #524E52;
    display: block;
    margin-left: 2px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease; text-decoration:none
}

.pagination li a.active {
    background: #FDB40A;
    color: #FFF;
}

.pagination li a:hover {
    background: #FDB40A;
    color: #fff;
    text-decoration: none;
}

.newsBox { float:left; width:48%; min-height:270px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0px 10px rgba(198,198,198,0.3);-moz-box-shadow: 0 0px 5px rgba(198,198,198,0.3); box-shadow: 0 0px 5px rgba(198,198,198,0.3); margin:15px 10px; background:#FFFFFF; -webkit-border-radius: 5px;border-radius: 5px;  text-align:center; padding:0 10px 20px 10px; color:#524C52; font-size:16px; line-height:14px; font-family: 'GothamNarrow-Light';}
.newsBox img { margin:10px auto; width:100%; height:auto }
.newsBox p { height:60px;}
.newsBox:hover { -webkit-box-shadow: 0 1px 10px rgba(190,32,37,0.5);-moz-box-shadow: 0 1px 5px rgba(190,32,37,0.5); box-shadow: 0 1px 5px rgba(190,32,37,0.5);  }

.newsBox h2 { line-height:22px; font-size:18px; margin:0; height:40px; font-family: 'GothamNarrow-Book'; padding:10px 0; color:#D90000; font-weight:bold;}

.newsBox p {color:#111111; font-weight:700; font-size:16px; line-height:22px}

.newsBox .detay { width:150px; color:#FFF; -webkit-border-radius: 10px; border-radius: 10px; height:35px; padding:0; text-align:center; border:1px solid #BE2025; background:#BE2025; margin:0px auto 0 auto;}
.newsBox .detay a { color:#FFF; line-height:33px; font-size:18px; margin:0; padding:0; font-weight:300}
.newsBox .detay:hover{ background:#B8161B; border:1px solid #BE2025; color:#FFF;}
.newsBox .detay:hover>a {color:#FFFFFF;}

.blogImage {padding:5px; border:1px solid #E9EAEC; margin:10px auto 20px auto; float:left; width:520px;  display:table; text-align:center;}
.blogImage img { width:100%; height:auto}
.blogDetay {float:right; width:660px; line-height:22px}
.blogDetay h2 { font-size:32px; text-align:left; color:#00A0E3; margin:0; line-height:42px; padding:0;}
.blogDetay span { font-size:16px; }

.blogDetay span a { font-size:16px; line-height:16px; text-decoration:none; background:#DEDEDC; padding:0px 15px 5px 15px; margin-left:30px; color:#333; -webkit-border-radius: 5px;
border-radius: 5px; }
.blogDetay span a:hover {  background:#333; color:#DEDEDC }

.fairBox { float:left; width:100%; min-height:90px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0px 10px rgba(198,198,198,0.3);-moz-box-shadow: 0 0px 5px rgba(198,198,198,0.3); box-shadow: 0 0px 5px rgba(198,198,198,0.3); margin:15px 0px; background:#FFFFFF; -webkit-border-radius: 5px;border-radius: 5px; padding:0 10px 10px 10px; color:#524C52; font-size:16px; line-height:14px; font-family: 'GothamNarrow-Light'; position:relative;}
.fairBox img { margin:10px 20px 0px 0px; width:20%; height:auto; float:left }
.fairBox p { height:60px;}
.fairBox:hover { -webkit-box-shadow: 0 1px 10px rgba(190,32,37,0.5);-moz-box-shadow: 0 1px 5px rgba(190,32,37,0.5); box-shadow: 0 1px 5px rgba(190,32,37,0.5);  }

.fairBox h2 { line-height:32px; font-size:18px; margin:0; height:40px; font-family: 'GothamNarrow-Book'; padding:10px 0; color:#D90000; font-weight:bold;}

.fairBox p {color:#111111; font-weight:700; font-size:16px; line-height:22px}

.fairBox .detay { width:150px; color:#FFF; -webkit-border-radius: 10px; border-radius: 10px; height:35px; padding:0; text-align:center; border:1px solid #BE2025; background:#BE2025; margin:0px; position:absolute; bottom:10px; right:10px;}
.fairBox .detay a { color:#FFF; line-height:33px; font-size:18px; margin:0; padding:0; font-weight:300}
.fairBox .detay:hover{ background:#B8161B; border:1px solid #BE2025; color:#FFF;}
.fairBox .detay:hover>a {color:#FFFFFF;}

.fairImage {padding:5px; margin:10px auto 20px auto; float:left; width:100%;  display:table; text-align:center;}
.fairImage img { width:50%; height:auto}
.fairDetay {width:70%; margin:10px auto; line-height:22px}
.fairDetay h2 { font-size:32px; text-align:left; color:#00A0E3; margin:0; line-height:42px; padding:0;}
.fairDetay span { font-size:16px; }

.fairDetay span a { font-size:16px; line-height:16px; text-decoration:none; background:#DEDEDC; padding:0px 15px 5px 15px; margin-left:30px; color:#333; -webkit-border-radius: 5px;
border-radius: 5px; }
.fairDetay span a:hover {  background:#333; color:#DEDEDC }
.homeMap { margin:20px 0; padding:0; width:100%; height:400px;}
.homeMap iframe { width:100%; height:400px; margin:0; padding:0; border:0}

.map input[type=text], .map input[type=email] { width:33%; height:50px;-webkit-border-radius: 7px; border-radius: 7px; border:1px solid #ccc; padding:0 10px; margin-bottom:10px; float:left; margin:0px 0 15px 0; margin-right:0.5%; color:#555}
.map textarea { width:100%; height:275px;-webkit-border-radius: 7px;color:#555; border-radius: 7px; border:1px solid #ccc; padding:10px; margin-bottom:10px; resize:none}
.map input[type=submit] { width:150px; height:40px; cursor:pointer; font-size:18px; font-weight:300; letter-spacing:-1px; border:none; float:left; margin:0; padding:0; text-align:center; color:#FFFFFF; background:#BE2025; -webkit-border-radius: 7px; border-radius: 7px;}
.map textarea::-webkit-input-placeholder, .map input::placeholder{ color:#666;  font-family: 'GothamNarrow-Book'; }
.security{width:110px; float:left; margin:5px 5px 0 0}
.search-bar {
		display:none;
		width:100%;
		background:rgba(0,0,0,0.95); position:absolute; z-index:99999999; top:0; left:0;
		
	} 
.search-bar i { font-size:48px; position:absolute; right:15px; top:15px; color:#FFF; cursor:pointer; font-weight:normal;}
.search-bar-content { width:70%; margin:20% auto; }
.search-bar input[type=text] { width:90%;  border:none;  font-family: 'GothamNarrow-Book'; font-size:22px; color:#FFF; outline: none; height:70px; background:none; border-bottom:1px solid #FFF; float:left}
.search-bar input[type=text]::placeholder{ color:#FFF;   font-family: 'GothamNarrow-Book'; font-size:22px}
.search-bar button[type=submit]  { float:right; background:url(../images/searchButton.png) no-repeat; width:36px; height:36px; border:none; margin:25px 0 0 0; cursor:pointer}

/*ek css*/ 
.mR0 { margin-right:0px !important}
.mT30 { margin-top:30px !important}
.pt20 { padding-top:20px !important}
.left { float:left !important}
.right { float:right !important}
.worldMap { background:url(../images/worldMap.png) no-repeat center top;}
.w15 { width:15% !important; }
.w20 { width:20% !important; }
.w25 { width:25% !important; }
.w30 { width:30% !important; }
.w35 { width:35% !important; }
.w40 { width:40% !important; }
.w45 { width:45% !important; }
.w50 { width:50% !important; }
.w85 { width:85% !important; }
.w90 { width:90% !important; }
.w100 { width:100% !important; }
.tAlignCenter { text-align:center !important}
.mF42 { font-size:42px !important}