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

body {margin:0; font-family:'Roboto'; }
#body1 {background-image: url(../img/bg-overlay.png) , url(../img/bg.jpg); background-repeat: repeat, no-repeat; background-position:top -120px center; background-size }
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.clear {clear:both}
a{text-decoration:none !important;}
.no-padding-margin h1,.no-padding-margin h2,.no-padding-margin h3,.no-padding-margin h4,.no-padding-margin h5,.no-padding-margin p { padding:0; margin:0}
ul {margin:0; padding:0; list-style:none}
.logo h1 {padding:0; margin:0}
input[type="button"],input[type="submit"],a,.transition,li { -webkit-transition: background 0.3s linear,color 0.3s linear ;-moz-transition: background 0.3s linear,color 0.3s linear; -ms-transition: background 0.3s linear,color 0.3s linear;-o-transition: background 0.3s linear,color 0.3s linear; transition: background 0.3s linear,color 0.3s linear;}

header {margin:40px 0}
header .sec2 {text-align:right; margin-top:24px}

.mobil-nav-menu {background:rgba(81,78,74,0.87); color:#FFF; z-index:100; position: fixed;top: 0px; width: 100%; height: 100%; z-index: 1000;text-align: center;background-position: center;background-repeat: no-repeat;display: table; font-family:'Roboto'; font-size:53px}

.mobil-nav-menu	> ul {margin-top: 50px; text-align:left;     display: inline-block;
background-image:url('../img/efendel-mobil.png'); background-position:left top 27px; background-repeat:no-repeat;
padding-left:225px
}
.mobil-nav-menu	> ul a {color:#FFF; margin:15px 0; display:block;  font-family:'Roboto';}
.mobil-nav-menu .active,.mobil-nav-menu a:hover  {color:#eaad15}
.mobil-menu-close {width:21px; height:21px; float:right; background:url(../img/ikon-mobil-white.png); float:right;position: absolute;right: 62px;top: 26px;;cursor: pointer;}
.mobil-nav-menu {display:none;}

.menu  {text-align:center}
.menu svg {width:100%}

.btn1 {border:solid 1px #FFF; padding:10px 25px; color:#fff; font-size:24px; font-weight:300; display:inline-block}
.btn1:hover {background-color:#FFF; color:#252c5c}
.btn2 {background-color:#eaad15; color:#fff; padding: 10px 50px; display:inline-block}
.btn2:hover {background-color:#252c5c; color:#fff}
.btn3 {background-color:transparent; color:#666; border:solid 1px #252c5c; padding: 10px 50px; display:inline-block}
.btn3:hover,.btn3.active {background-color:#252c5c; color:#fff}
.btn4 {background-color:#808080; color:#fff; padding: 3px 10px; display:inline-block; font-size:18px; font-weight:300}
.btn4:hover {background-color:#808080; color:#fff}

svg text:hover { }
svg text { cursor:pointer; }
svg .g1 rect {cursor:pointer; fill: #FFFFFF;  -webkit-transition: fill 0.3s linear ;-moz-transition: fill 0.3s linear; -ms-transition: fill 0.3s linear;-o-transition: fill 0.3s linear; transition: fill 0.3s linear;}
svg g:hover rect { fill: #eaad15;  -webkit-transition: fill 0.3s linear ;-moz-transition: fill 0.3s linear; -ms-transition: fill 0.3s linear;-o-transition: fill 0.3s linear; transition: fill 0.3s linear;}
svg .g2:hover rect { fill: #FFFFFF;  -webkit-transition: fill 0.3s linear ;-moz-transition: fill 0.3s linear; -ms-transition: fill 0.3s linear;-o-transition: fill 0.3s linear; transition: fill 0.3s linear;}
svg .g2 rect { fill: #eaad15;  -webkit-transition: fill 0.3s linear ;-moz-transition: fill 0.3s linear; -ms-transition: fill 0.3s linear;-o-transition: fill 0.3s linear; transition: fill 0.3s linear;}


.menu2 {background:rgba(0,0,0,0.75); position:absolute; width: 100%;bottom: 0; display:none; padding:20px 0}
.menu2 li {width:33.33%; float:left; text-align:center}
.menu2 li a {color:#FFF; font-family:'Square721BT-Roman'; font-size:16px}
.menu2 li a img {margin-bottom:10px}
.menu2 li:nth-child(4),.menu2 li:nth-child(5) {width:50%}

.style1 {padding:110px 0 110px 0; font-family:'Open Sans'}
.style1 > div {position:relative; height:370px; }
.style1 .overlay {background-color:rgba(37,44,92,0.85); position:absolute; top:0; left:0; height: 100%;width: 90%;}
.style1 .in {z-index:101; color:#fff; position: relative; background-image:url('../img/overlay-logo.png'); background-position:left center; padding:40px 0 40px 200px; background-repeat:no-repeat; margin-top:72px; min-height:212px}
.style1 .in h2{font-weight:300; font-size:24px; margin-top:0; width: 90%;}
.style1 .btn1 {margin-top:10px}
.style1_1 .overlay{background-color:rgba(234,173,21,0.85)}

.style2 {margin-top:50px}
.style2 .in{position:relative}
.style2 .text {padding:10px 10px 10px 50px; color:#808080; font-size:24px; font-weight:300}
.celtc {width:28px; border:solid 2px #808080; border-right:none; position:absolute; height:100%; top:0; left:0}

.style3 {margin-top:50px}
.style3 .text {font-size:24px; font-weight:300; color:#808080}

.style4 {margin-top:50px}
.style4 img {width:100%}

.style5 {text-align:center; color:#252c5c;margin-top:50px}
.style5 h1{font-size:45px; margin-top: 0;}
.style5 p{font-size:24px; font-weight:200}

.style6 {background-color:#f1f1f1; padding:30px 0 60px 0;margin-top:50px}
.style6 .head{background-image:url('../img/overlay-logo-2.png'); background-repeat:no-repeat; background-position:left center; padding:17px 0 17px 120px}
.style6 h3 {color:#989898; font-size:24px; margin-top:0; margin-bottom:0}
.style6 p {color:#989898; font-size:13px; margin-bottom:0}
.style6 .list {margin-top:40px}
.style6 .item {text-align:center; background-color:#fff; padding: 30px}
.style6 .item h4  {color:#252c5c; font-size:21px; font-weight:800; line-height:30px; letter-spacing: 7px;}
.style6 .item img   {height:50px; margin-bottom:30px}
.style6 .item h4 span {display:block; font-weight:300; letter-spacing: 0; margin-left: -8px;}

.style7 {margin-top:50px; text-align:center}

.style8 {height:590px; background-size:100%; background-position:center}

footer {margin-top:50px; padding:20px 0}
footer {background-color:#252c5c}

footer h5{color:#eaad15; font-size:21px; font-weight:300; margin-top:0; border-bottom:solid 1px #eaad15; padding-bottom:5px}
footer ul a {color:#fff; font-size:16px; font-weight:400}
footer .item {width:20%}
footer .item:nth-child(2) li {width:50%; display:inline-block; float: left;}
footer .item:nth-child(3) li {display:inline-block; margin-right:5px}
footer .copy {color:#989898; margin-top:15px; font-size:13px}

.style9  {text-align:center; padding:15px 0; border-bottom:solid 1px #808080}
.style9 li {display:inline-block; margin:0 7px}

.style10  {margin-bottom:50px; background-image:url('../img/border_center.png'); background-repeat: repeat-y; background-position:center; margin-top:30px; display:inline-block; width:100%}
.style10 .item h3 {color:#252c5c; font-size:28px; border-bottom:solid 1px #252c5c; padding-bottom:20px; margin-bottom:0}
.style10 .item {color:#808080; font-size:24px; font-weight:300; margin-bottom:30px}
.style10 .item .sec2 a {color:#eaad15}
.style10 .item .sec1 {border-right:solid 1px #808080; padding-top:20px}
.style10 .item .sec1 .btn4{margin-top:20px}
.style10 .item .sec2 {padding-top:25px}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-15 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }

}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}
@media (max-width: 1660px) {
	.menu svg {width:60%;height: auto; }
	.mobil-nav-menu {
		font-size: 35px;
	}
	
	.mobil-nav-menu	> ul {
    padding-left: 152px;
    background-size: 133px;
}


	}
@media (max-width: 1280px) {
	.style1 .in h2 {
		font-size: 20px
	}
	.style1 {
		padding: 50px 0 50px 0
	}
	.style2 p {font-size: 18px}
	.style3 p {font-size: 18px}
	.style5 h1 {font-size: 28px}
	.style6 .item h4 {font-size: 14px; line-height: 18px;}
	footer .item {width: 30%; display: inline-block;}
	.style8 {height: 300px}
	.style10 .item {font-size: 16px}
	.style10 .item h3 {
		font-size: 22px;
		padding-bottom: 10px;
	}
	#body1 {
		background-position: center;
	}
}
@media (max-width: 1024px) {
	.menu svg {display:none}
	.menu2 {display:block}
	.style8 {height: 250px}
	.mobil-nav-menu {
		font-size: 27px;
	}
}
@media (max-width: 992px) {
	.mobil-nav-menu {
    font-size: 28px;
    line-height: 30px;
	}
	footer .item {
		width: 100%;
		margin-bottom:15px
	}
	
	.style6 .item { margin-bottom: 20px;}
	.style1 .overlay { width: 100%;}
	.style1 .in h2 {width: 100%}
	.btn1 {font-size: 15px}
	.style8 {height: 200px}
	.style10  {background-image:none !important}
		.mobil-nav-menu	> ul {
    background-position: left top 18px;
}
}

@media (max-width: 767px) {
	.style6 .item {
		margin-bottom: 20px;
		margin: 0 20% 20px;
	}
	.style1 .in {
		margin-top: 48px
	}
	.style8 {height: 150px}
}
@media (max-width: 640px) {
	header .sec1 img {width:100%}
	header .sec2 img {width:50px}
	header .sec2 {text-align: right; margin-top: 7px}
	.style1 .in {
		background-image: none;
		padding: 40px 0
	}
	.style6 .head {
		background-image: none;
		padding: 17px 0;
		text-align: center;
	}
}
@media (max-width: 480px) {
	.menu2 li a {font-size:14px}
	.style5 h1 {
		font-size: 21px;
	}
	.style1 .in h2 {
		font-size: 18px;
	}
	.style1 > div {
		height: 320px;
	}
}
@media (max-width: 320px) {
	.style1 .in {
		margin-top: 12px;
	}
}