@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&subset=latin,latin-ext);
*{margin:0;padding:0;outline:none;text-decoration:none;border:none;list-style:none;box-sizing:border-box;}
html,body,input,button,textarea{font-weight:400;font-family:'Roboto',sans-serif;font-size:14px;line-height:1.42857143;color:#121524;height:100%;}
body{overflow-y:scroll; background:#fbfbfb;}
.clear{clear:both;line-height:0px;}a{color:#444;}.left{float:left;}.right{float:right;}.autosize{width:100%;height:auto;}.pd{padding:20px;float:left;width:100%}
.wrapper{min-height:100% !important;float:left;width:100%;}

.container{padding-right:10px;padding-left:10px;margin-right:auto;margin-left:auto; position: relative;}
@media (min-width:970px){.container{width:100%}}
@media (min-width:1200px){.container{width:1170px}}


.bg2r {background:url(img/bg2r.png) right center no-repeat;}

.well{width:100%;float:left;min-height:40px;height:auto;background:#FFF;margin-bottom:20px;position: relative; box-shadow: 0 10px 18px 0 rgba(34,66,125,.08);border: 1px solid; border-color: #f2f2f2 #eee #e5e5e5;}

.t2{clear:both;float:left;position:relative;width:100%;padding:0 5px;}
.t2 .w1{float:left;}
.t2 > .w1{width:50%;}

.t2 > .c1{position:fixed;height:100%;width:300px;top:0;overflow:auto;z-index:6666; padding:0px 0 20px; border-right:1px solid #eee;  }
.t2 > .c2{width:100%;position:absolute; padding-left:300px; min-height: 100%;  }

.t3 {clear:both;float:left;position:relative;width:100%;min-height:500px !important;}
.t3 > .c1{position:absolute;width:240px;height:100%;overflow:auto; overflow-x: hidden; z-index:6666; padding:0px 0 20px; border-right: 1px solid #eee; height:100% !important; }
.t3 > .c2{width:100%;position:relative; padding-left:240px; height:100% !important; }

.cols{padding:0;}.cols > div{padding:0 5px;}
.mt > div{margin-top:10px;}

.null{padding:50px 10px 50px;text-align:center;line-height:20px;font-size:15px;float:left;width:100%;}

.navbar{clear:both;float:left;width:100%;background:#fff;position:relative; padding:10px 0; box-shadow: 0 1px 3px rgb(0 0 0 / 20%); min-height: 80px;}

@media (min-width:960px){
.navbar .logo{float:left;height:60px;width:133px;background:url(img/logo.png) no-repeat left center;}
.nav{float:right;}
.nav>li{float:left;position:relative;margin-left:25px;}
.nav>li>a, .nav>li>span{float:left;width:100%;cursor:pointer;height:60px;line-height:60px;font-size:18px; color: #000000; font-weight:500;}
.nav>li:hover>a, .nav>li:hover>span{color:#0060df;}
.nav ul{display:none;float:left;min-width:168px;top:100%;left:0;z-index:1000;position:absolute;background:#fff; padding:8px 8px 8px;box-shadow: 0 10px 18px 0 rgba(34,66,125,.2); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.nav li ul a, .nav li ul span {display:block;color:#4a4a4a;padding:8px 16px;white-space:nowrap;font-size:15px;font-weight:400;-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
.nav li ul a:hover, .nav li ul span:hover {background:#e9ecf5;color:#0060df;}
.nav>li:hover > ul{display:block;}
.nav>li:hover > ul:after{content:'';display:inline-block;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff;position:absolute;
top:-10px;left:16px} 
.nav>li:hover>span:after {border-color:#aaa transparent transparent;}
.nav li.tbtn{margin-left:30px; display: inline-block;}
.nav li.tbtn >a{float: left; font-size:15px;font-weight:500;padding:0 6px;text-align:center;height:44px;line-height:44px;margin-top:8px;background:#1d9bf0;color:#fff;text-transform: none; width:100px;}
.nav li.tbtn >a:hover{ background:#36aaf8;}
.nav li.tbtn >a.blgn{border: 1px solid #1b8cd8; -webkit-border-radius: 8px 0 0 8px; -moz-border-radius: 8px 0 0 8px; border-radius: 8px 0 0 8px;}
.nav li.tbtn >a.bsgn{border: 1px solid #1b8cd8; border-left-color:#36aaf8; -webkit-border-radius: 0 8px 8px 0; -moz-border-radius: 0 8px 8px 0; border-radius: 0 8px 8px 0;}

.nav li.bli >span{font-size:15px;font-weight:500;padding:0 6px;text-align:center;height:44px;line-height:44px;margin-top:8px;background:#1d9bf0;color:#fff;text-transform: none; min-width: 120px;-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}

.etv{display: none;}

}


@media only screen and (max-width:960px){
.navbar .logo{margin-right: auto;
  margin-left: auto; display: block; position:relative; height:60px;width:133px;background:url(img/logo.png) no-repeat left center; }
.nav, .nav>li.home{display:none;}
.navbar .mbmenu{display:block !important;}
.navbar,.navbar > .container{min-height:100%;}
.nav{float:left;width:100%;height:100%;left:0;top:60px;background:#fff;position:absolute;z-index:9999999;padding:10px 20px;overflow:auto;overflow-y:auto;}
.nav ul{display:none;}
.nav>li{float:left;width:100%;border-bottom:1px solid #eee;}
.nav>li:last-child {border-bottom:none;margin-bottom:90px;}
.nav>li>a, .nav>li>span{float:left;width:100%;font-size:16px;color:#5a5a5a;cursor:pointer;height:44px;line-height:44px;letter-spacing:0.02em;}
.nav>li>a:hover, .nav>li>span:hover{color:#004481;}
.nav>li>span:after {display:block;float:right;margin-top:20px;border-style:solid;height:0;width:0;border-color:#666 transparent transparent;border-width:5px 5px 0;content:"";}
.nav>li.open>span{color:#004481;}
.nav>li.open ul{display:block;float:left;width:100%;border-top:1px solid #eee;padding:10px 10px 10px;}
.nav>li.open ul li a {float:left;width:100%;font-size:15px;color:#6a6a6a;cursor:pointer;height:30px;line-height:30px;letter-spacing:0.02em;}
.nav>li.open ul li a:hover{color:#004481;}
.etv{display: block;float:left;width:100%;cursor:pointer;height:60px;line-height:60px;font-size:16px; color: #000000; font-weight:500;}
}

.navbar > .mbmenu{display:none;width:64px;height:24px;float:right;cursor:pointer;top:0;position:absolute;right:15px;margin-top:30px;}
.mobil{overflow:hidden;}
.mobil .navbar {height:100%;position:fixed;z-index:99999; }
.mobil .navbar > .mbmenu .i-res{background-position:-24px 0px;}





/*

.navbar{clear:both;float:left;width:100%;background:#fff;position:relative; padding:10px 0; -webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 10%);-moz-box-shadow: 0 1px 2px rgb(0 0 0 / 10%);box-shadow: 0 1px 2px rgb(0 0 0 / 10%); }
.navbar .logo{float:left;height:60px;width:133px;background:url(img/logo.png) no-repeat left center;}

@media (min-width:960px){
.nav{float:right;}
.nav>li{float:left;position:relative;margin-left:30px;s}
.nav>li>a, .nav>li>span{float:left;cursor:pointer;height:60px;line-height:60px;font-size:18px; color: #000000; font-weight:500;}
.nav>li:hover>a, .nav>li:hover>span{color:#0060df;}
.nav ul{display:none;float:left;min-width:120px;top:100%;left:0;z-index:1000;position:absolute;background:#fff; padding:8px 8px 8px;box-shadow: 0 10px 18px 0 rgba(34,66,125,.2); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.nav li ul a, .nav li ul span {display:block;color:#4a4a4a;padding:8px 16px;white-space:nowrap;font-size:15px;font-weight:400;-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
.nav li ul a:hover, .nav li ul span:hover {background:#e9ecf5;color:#0060df;}
.nav>li:hover > ul{display:block;}
.nav>li:hover > ul:after{content:'';display:inline-block;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff;position:absolute;
top:-10px;left:16px} 
.nav>li:hover>span:after {border-color:#aaa transparent transparent;}
.nav li.tbtn{margin-left:30px; }
.nav li.tbtn >a{font-size:15px;font-weight:500;padding:0 6px;text-align:center;height:44px;line-height:44px;margin-top:8px;background:#1d9bf0;color:#fff;text-transform: none; min-width: 100px;}
.nav li.tbtn >a:hover{ background:#36aaf8;}
.nav li.tbtn >a.blgn{border: 1px solid #1b8cd8; -webkit-border-radius: 8px 0 0 8px; -moz-border-radius: 8px 0 0 8px; border-radius: 8px 0 0 8px;}
.nav li.tbtn >a.bsgn{border: 1px solid #1b8cd8; border-left-color:#36aaf8; -webkit-border-radius: 0 8px 8px 0; -moz-border-radius: 0 8px 8px 0; border-radius: 0 8px 8px 0;}

.nav li.bli >span{font-size:15px;font-weight:500;padding:0 6px;text-align:center;height:44px;line-height:44px;margin-top:8px;background:#1d9bf0;color:#fff;text-transform: none; min-width: 120px;-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}



@media only screen and (max-width:960px){
.nav, .nav>li.home{display:none;}
.navbar .mbmenu{display:block !important;}
.navbar,.navbar > .container{min-height:100%;}
.nav{float:left;width:100%;height:100%;left:0;top:60px;background:#fff;position:absolute;z-index:9999999;padding:10px 20px;overflow:auto;overflow-y:auto;}
.nav ul{display:none;}
.nav>li{float:left;width:100%;border-bottom:1px solid #eee;}
.nav>li:last-child {border-bottom:none;margin-bottom:90px;}
.nav>li>a, .nav>li>span{float:left;width:100%;font-size:16px;color:#5a5a5a;cursor:pointer;height:44px;line-height:44px;letter-spacing:0.02em;}
.nav>li>a:hover, .nav>li>span:hover{color:#004481;}
.nav>li>span:after {display:block;float:right;margin-top:20px;border-style:solid;height:0;width:0;border-color:#666 transparent transparent;border-width:5px 5px 0;content:"";}
.nav>li.open>span{color:#004481;}
.nav>li.open ul{display:block;float:left;width:100%;border-top:1px solid #eee;padding:10px 10px 10px;}
.nav>li.open ul li a {float:left;width:100%;font-size:15px;color:#6a6a6a;cursor:pointer;height:30px;line-height:30px;letter-spacing:0.02em;}
.nav>li.open ul li a:hover{color:#004481;}
}

.navbar > .mbmenu{display:none;width:24px;height:24px;float:right;cursor:pointer;top:0;position:absolute;right:15px;margin-top:23px;}
.mobil{overflow:hidden;}
.mobil .navbar {height:100%;position:fixed;z-index:99999; }
.mobil .navbar > .mbmenu .i-res{background-position:-24px 0px;}

*/

/* BUTONS */
.btn-full{width:100%;}.btn{display:inline-block;background:#f9f9f9;padding:9px 18px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled]{color:#333f4f;background:#f9f9f9;}.btn:active,.btn.active{background:#eee;}.btn:hover,.btn:focus{color:#333f4f;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear;}.btn.active,.btn:active{background-image:none;-webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);}.btn-danger{color:#ffffff;background:#e74b3c;}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.btn-danger.disabled,.btn-danger[disabled]{color:#ffffff;background:#dc4739;}.btn-danger:active,.btn-danger.active{background-color:#c83132}.btn-success{color: #ffffff;background: #81bc00;}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled]{color:#ffffff;background:#70a301;}.btn-info{color:#ffffff;background:#0060df;}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.btn-info.disabled,.btn-info[disabled]{color:#ffffff;background-color:#0250bb;}button.btn::-moz-focus-inner,input[type="submit"].btn::-moz-focus-inner{padding:0;border:0;}.color-danger {color: #d92b2b;}



#load{display:none;height:100%;width:100%;position:absolute;z-index:9999;top:0;left:0px;overflow:hidden;text-indent:100%;font-size:0;opacity:0.9;background:#E0E0E0 url('img/loading.gif') center no-repeat;}
.ld{position:absolute;width:16px;height:11px;margin-left:8px;top:14px;background:url(img/lds.gif);display:none;}

.pages {float:left;width:100%;margin-top:30px;margin-bottom:50px;}
.pages .editor{float:left;padding-left:250px;}


/* FORM */



.form > li{float:left;width:100%;margin-bottom:12px;position:relative;padding-left:130px;font-size:14px;line-height:44px;color:rgb(83, 100, 113);}
.lbn{width:100% !important;}
.lbn > li{padding-left:0px;}
.form > li > label{float:left;font-size:14px;line-height:44px;position:absolute;left:0;}
.form > li span.rad_cbx{float:left;width:100%;}

@media only screen and (max-width:620px){.small{max-width:100%;}}
@media only screen and (max-width:400px){.form > li{padding-left:0;}.form > li > label{position:relative;display:block;margin-bottom:14px;margin-top:0;line-height:1;}}




.form select,.form textarea,.form input[type="text"],.form input[type="password"]{border:1px solid #eee;display:inline-block;width:100%;color:#777;background:#fff;padding:0px 10px;font-size:14px;line-height:1.42857143 !important;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
height: 44px; line-height:44px;}
select:focus,textarea:focus,.form input[type="text"]:focus,.form input[type="password"]:focus{-webkit-box-shadow:inset 0px 0px 1px 1px rgba(0, 0, 0, 0.2);-moz-box-shadow:inset 0px 0px 1px 1px rgba(0, 0, 0, 0.2);box-shadow:inset 0px 0px 1px 1px rgba(0, 0, 0, 0.2);}
textarea{height:auto;}
select,.form input[type="radio"],input[type="checkbox"]{cursor:pointer;}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner{border-style:none;padding:0;}
button, input, optgroup, select, textarea{font-family:'Open Sans', sans-serif;}
button{cursor: pointer;}

/* BUTTONS */
.color-success {color:#1a8917;}
.color-danger {color:#d92b2b;}
.color-info { color: #2b96de; }
.f13 { font-size: 13px; }


.btn{display:inline-block; position: relative; background:#eff3f4;margin-bottom:0;font-weight:500;text-align:center;cursor:pointer;padding:0px 40px;height: 38px; line-height:38px;font-size:14px;white-space:nowrap;color:#666; border-bottom-left-radius: 9999px; border-bottom-right-radius: 9999px; border-top-left-radius: 9999px; border-top-right-radius: 9999px;}
.btn:hover{background:#d4d6d8;}


.btn-danger{color:#ffffff;background:#e0245e;}
.btn-danger:hover{color:#ffffff;background:#c31f51;}

.btn-success{color:#ffffff;background:#14a93a;}
.btn-success:hover{color:#ffffff;background:#118d30;}

.btn-info{color:#ffffff;background:rgb(29, 155, 240);}
.btn-info:hover{color:#ffffff;background-color:#1a8cd8;}

button.btn::-moz-focus-inner,input[type="submit"].btn::-moz-focus-inner{padding:0;border:0;}
.btn[disabled=disabled], .btn[disabled], .btn:disabled {opacity:0.5;}
.btn-full{width:100%;}

/* ALERT */

.alertMsg i{width:24px;height:24px;margin-right:10px;float:left;margin-top:12px;}
.alertMsg .alert-success i{background:url(../img/verify.png);}
.alertMsg .alert-error i{background:url(../img/warning.png);}
.alertMsg b{font-weight:600;line-height:24px;margin-top:12px;float:left;}

.alertMsg { float: left; width: 100%; position: relative !important;  z-index:9999; }
.alertMsg .alert{font-weight:600;margin:0;padding:6px 20px 12px ;display:none; min-height: 60px}


.alert{float:left;width:100%;padding:12px 20px 12px;font-size:14px;border-bottom:1px solid; position: absolute;}
.alert-success{color:#fff;background-color:#1d9bf0;}
.alert-error{color:#fff;background-color:#F86464;}


.verify_msg,.error_msg{font-size:16px;line-height:30px;text-align:center;float:left;width:100%;padding: 20px; height: 100%; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.verify_msg span, .error_msg span{float: left; width: 100%; margin-bottom: 50px; text-align:center;}
.verify_msg strong{font-size:24px;font-weight:600;margin-bottom:20px;float:left;width:100%;text-align:center;color:#26bc74;}
.error_msg{font-size:18px;font-weight:600;color:#ce4e4a;}



/* MODAL */
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8888;background-color:#000000;}
.modal-backdrop.fade{opacity:0;}
.modal-backdrop,.modal-backdrop.fade.in{opacity:0.94;filter:alpha(opacity=94);}
.modal{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;position:fixed;top:48px;left:50%;width:500px;margin-left:-250px;margin-right:auto;z-index:9999;background-color:#fff;border:1px solid #999;border:1px solid rgba(0, 0, 0, 0.3);outline:none;-webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;height:auto;}
.modal-header{height:52px;border-bottom:1px solid rgb(196, 207, 214);color:#1a1a1a;}
.modal-header .close{color:#1d9bf0;float:left;margin:5px 10px 0 10px;background:#fff;width:40px;height:40px;line-height:40px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-image:url(img/ar.png);background-position:center center;background-repeat:no-repeat;cursor:pointer;}
.modal-header .close:hover{background-color:#e8f5fe;}
.modal-header b{display:inline-block;margin-top:18px;line-height:1;font-size:16px;color:#333;font-weight:600}

.modal-header .btn {padding:0px 18px;height:32px;line-height:30px !important;margin:10px 10px 0 0;min-width:110px;border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-top-left-radius:9999px;border-top-right-radius:9999px;font-weight:600;}
.modal-header .ld{ margin:10px 0 0 5px;}

.modal-body{ background:#f6f7f8;float:left;width:100%;position:relative;padding:20px 30px;overflow-y:auto;font-size:14px;line-height:20px;text-align:center;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;}
.modal-body p{margin:10px 0 0;font-size:15px;}

.fade{opacity:0;-webkit-transition:opacity .15s linear;-moz-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}
.fade.in{opacity:1}
.hide{display:none;}.show{display:block;}
.modal .form{margin:0;padding:0;}
.modal .form > li{margin:6px 0;padding-left:90px;}
.modal .text p .btn{min-width:120px;margin:0px 8px;font-weight:600;border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-top-left-radius:9999px;border-top-right-radius:9999px;}
.modal .error{clear:both;float:left;width:100%;padding:12px 20px 11px;font-size:14px;color:#fff;background:#d9534f;}

.modal .pd1{clear:both;float:left;width:100%;padding:40px 20px 50px;font-size:14px;}
.modal .pd1 p{font-size:16px; margin-bottom:25px; line-height: 26px}


.mdw3{width:480px; margin-left:-240px ; }
.mdw4{width:500px;margin-left:-250px ;}


.leftMenu{float:left;width:200px;position:absolute; margin-top:2px;}
.leftMenu li{text-align:left;border-bottom:1px solid #ddd;float:left;width:100%;margin-bottom:12px;padding-bottom:12px;}
.leftMenu li a{font-size:17px;display:block;color:#596e77; position: relative;font-weight:400;}
.leftMenu li.slc a{color:#0060df;}
.leftMenu li:last-child{border-bottom:none;}
.leftMenu li a:before {    content:"";border:solid #aaa;border-width:0 2px 2px 0;display:inline-block;padding:3px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);
    right:3px; top:10px; position: absolute;}
.leftMenu li.slc a:before {content:"";border:solid #0060df;border-width:0 2px 2px 0;display:inline-block;padding:3px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);
    right:3px; top:10px; position: absolute;}

.editor{clear:both;width:100%;float:left;}
.editor p{margin-bottom:15px;line-height:28px;font-size:17px;color:#596e77;font-weight:400;}
.editor b{font-weight:700;color:#000;}
.editor h1, .editor h2{font-size:18px;margin-bottom:14px;color:#000;font-weight:500;}
.editor h1:after, .editor h2:after{content:'"';width:60px;height:2px;background:#0060df;display:block;text-indent:-9999em;margin:10px 0;}
.editor a{color:#004cac;}
.editor a:hover{}
.editor h2{margin:30px 0px 14px;}
.editor ol, .editor ul{clear:both;margin-bottom:10px;display:inline-block;width:100%;}
.editor ol li, .editor ul li{clear:both;margin-left:30px;float:left;line-height:28px;font-size:17px;color:#666;margin-bottom:5px;}
.editor ol li{list-style:decimal;}
.editor ul li{list-style:disc;}




@media only screen and (max-width:700px){
.leftMenu{display:none;}
.pages .editor{float:left;padding-left:0px;}
}

/* ---------- FOOTER ---------- */
.footer{clear:both;width:100%;float:left;color:#aaa;font-size:13px;background:url(img/footer.jpg) center center no-repeat #171b26;padding:40px 0 30px; border-top:5px solid #18202f}
.footer h4{font-weight:500; display: block; margin-bottom: 10px; font-size: 16px; color:#bbb;letter-spacing:1px;text-transform: uppercase;}
.footer a{color:#aaa;font-size:14px;transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;display:inline-block;}
.footer a:hover{color:#02aff3;}
.footer .ftop .left li{position:relative;font-size:16px; float: left; margin-right:20px;}
.footer .ftop .left a{font-size:16px;}
.footer .ftop .left a:hover{margin-left:5px;}
.footer .ftop .left li i{float:left;margin-right:10px; margin-top:3px}


.footer .ftop .right{position:relative;font-size:15px}


.fbot{padding-top:18px;float:left;width:100%;font-size:14px;color:#aaa;background:url(img/ft.png) no-repeat top center;min-height:40px;position:relative; margin-top: 10px}
.fbot .right a{color:#aaa;margin-left:15px;display:inline-block;}
.fbot .right a:hover{color:#fff;}
.fbot .flogo{position:absolute;width:74px;height:28px;background:url(img/flogo.png) no-repeat;left:50%;top:0px;margin-left:-37px; opacity:0.7}
.fbot .flogo:hover{opacity:1}

.fbot .webnof {width: 71px;height: 16px;background: url(img/webnof.png) no-repeat;float: right;color: transparent;text-indent:-3000px; opacity:0.8}
.fbot .webnof:hover {opacity:1}


.scrollup{width:40px;height:40px;padding-top:12px;text-align:center;cursor:pointer;opacity:0.6;position:fixed;bottom:14px;right:20px;display:none;background:#011122;z-index:9001;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.scrollup i{width:14px;height:14px;display:inline-block;background:url(img/thm.png);background-position:-64px 0px;opacity:0.7;}


@media only screen and (max-width:1080px){
.container{width:100%;}
.footer{padding:25px 0 25px;}
.fbot .flogo{display:none;}
.fbot{background:none;}
}
@media only screen and (max-width:820px){
.ftop .right{display:none;} 
.ftop .left{width:100%;text-align:center;}
.ftop .left ul{margin-left: auto; margin-right: auto; display: inline-block;}
.fbot {margin-top: 0; padding-top: 5px}

.fbot .left{width:100%;text-align:center;}
.fbot .right{width:100%;text-align:center;}
.fbot .right a{margin:8px 6px 0;}
.fbot .webnof {float: none;}
}



.sub-title{float:left;width:100%;padding:30px 0 28px;text-align:center; }
.sub-title h1, .sub-title h2{font-size:26px;color:#131430;font-weight:400;font-family:'Roboto', sans-serif;text-transform:uppercase;letter-spacing:1px;}
.sub-title p{font-size:18px;color:#696e77;font-weight:400;}
.sub-title:after {content:'"';width:43px;height:2px;background:#0060df;display:block;text-indent:-9999em;margin:10px auto;}


.not-found{padding:50px 10px 50px;text-align:center;font-size:14px;float:left;width:100%;}
.not-found b{font-size:24px;font-weight:700;display:block;}
.not-found p{font-size:18px;font-weight:500;margin-top:15px;display:block;}


[class^="i-"],[class*=" i-"]{display:inline-block;width:16px;height:16px;background-image:url('img/thm.png');background-position:center center;background-repeat:no-repeat;}
.i-res{background-position:0px 0px;width:24px;height:24px;}
.i-user{background-position:0px -24px;width:24px;height:24px;margin-right: 15px}
.i-email{background-position:-80px 0px;}
.i-phone{background-position:-96px 0px;}
.i-location{background-position:-112px 0px;}


.bottom-full-btn{padding:20px 0px 60px;float:left;width:100%;text-align:center;}
.bottom-full-btn .btn-info{text-transform:uppercase;width:200px;font-weight:600; padding: 0; height:44px; line-height: 44px}
.bottom-full-btn .ld{top:17px;}


/* TABLE */
.tb1{clear: both;width: 100%; float:left; padding:0;font-size: 14px;border-collapse: collapse; border:1px solid;border-color:#eee #eee #eee;}
.tb1 th, .tb1 td {padding: 0px 10px; line-height: 18px;border-left: 1px solid #f2f2f2; text-align:left; line-height:40px; height:40px;}
.tb1 th {vertical-align: middle; background: #fcfcfc;font-weight:400;color:#444;}
.tb1 td {vertical-align: top; border-top: 1px solid #f2f2f2; color:#666; }
.tb1 .btn-small{ margin-top:-2px; min-width:120px;padding:0px 10px; height:28px; line-height:28px;font-size: 12px;}
.tb1 tr:hover td, .tb1 tr:hover th {background-color: #fcfcfc;}
.tb1 .ct{text-align:center;}
.tb1 td.tit {border-bottom:1px solid #eee;background:url(../img/bg01.png) repeat-x #f2f2f2; font-weight:400;color:#333f4f; font-size:15px; height:44px; line-height:44px; border-top:1px solid #f7f7f7}



/* ---------- CONTACT ---------- */
.map{width:100%;height:332px;float:left;background:url(../img/ld.gif) #e5e3df no-repeat center center;}
.contact{margin:30px 0 60px;}
.contact-details{float:left;width:100%;margin-top:30px;position:relative;}
.contact-details li{float:left;width:100%;margin-bottom:30px;}
.contact-details i{float:left;width:28px;height:28px;margin-top:10px;
background-image:url(img/contact.png);background-repeat:no-repeat;}
.contact-details i.c1{background-position:0px 0px;}
.contact-details i.c2{background-position:-28px 0px;}
.contact-details i.c3{background-position:-56px 0px;}
.contact-details i.c4{background-position:-84px 0px;}
.contact-details i.c5{background-position:-112px 0px;}
.contact-details i.c6{background-position:-140px 0px;}
.contact-details p{border-left:1px solid #ddd;padding-left:20px;float:left;position:absolute;left:48px;min-height:48px; font-size: 15px}
.contact-details, .contact-details a, .contact-details span{color:#777;}
.contact-details b{display:block;margin-bottom:4px;font-weight:500;font-family:'Roboto', sans-serif;color:#333f4f; font-size: 16px} 
.contact-form{width:100%;margin-top:30px;padding-left:50px;}

.contact-form h3{font-size:18px;font-weight:400;font-family:'Roboto', sans-serif;color:#333f4f;margin-bottom:10px;}
.contact-form li{margin-bottom:10px;}
.contact-form .alert{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin-bottom:10px;}
.contact-form .scrCODE{float:left;}
.contact-form .scrCODE img{margin-top:12px;float:left;margin-right:10px;}
.contact-form .scrCODE input{width:115px;float:left;margin-right:10px;}
.contact-form select, .contact-form textarea, .contact-form input[type="text"], .contact-form input[type="password"],.teklif-form select, .teklif-form textarea, .teklif-form input[type="text"], .teklif-form input[type="password"]{background: #fff; height:auto; -webkit-box-shadow: inset 1px 0px 2px 0px rgba(238,238,238,1);-moz-box-shadow: inset 1px 0px 2px 0px rgba(238,238,238,1);box-shadow: inset 0px 1px 2px 0px rgba(238,238,238,1); width: 100%;  border: 1px solid #eee; display: inline-block; width: 100%; color: #777; padding: 10px 10px; font-size: 14px;  line-height: 1.42857143 !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;;}
.teklif-form select{ cursor:pointer;}
.scrCODE{float:left;}
.scrCODE img{margin-top:12px;float:left;margin-right:10px;}
.scrCODE input{width:115px;float:left;margin-right:10px;}
.contact-form textarea{height:150px; }
.contact-form .alert .close{display:none;}
@media only screen and (max-width:880px)
{
    .t2 .w1{float:left;width:100%;}.contact-form{padding-left:0px;}
}
/* ---------- CONTACT END ---------- */

.abt {float: left; width: 100%; padding:40px 0px 40px; border-top: 1px solid #ddd;}
.abt .timg {float: left; width:50%; position: relative; margin-top: 80px}
.abt .timg img{float: left;  height: auto;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.abt .timg .timgb{float: left; width:420px; position: absolute; left: 0; top: 0; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;}
.abt .timgs{ position: relative;  z-index: 9999; float: right; margin-top:180px; margin-right: 20px;} 
.abt .timgs img{ width:300px; border:1px solid #fff;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;}

.abt .left {width:50%; padding-left:70px; padding-top: 30px;}
.abt .left h2 {font-size:24px;font-weight:400;color:#102c4b; }
.abt .left p {font-size:17px; line-height: 26px; color:#696e77; margin-top:20px;font-weight:400; text-align: justify; }

@media only screen and (max-width:960px)
{ 
    .abt .timg {display: none;}
    .abt .left {width:100%; padding-left:0px; padding-top:0px;}
} 

.team{clear:both;width:100%;float:left; margin-bottom:50px}
.team li{float: left; width:20%; padding:0 20px; margin-bottom:40px; text-align: center;}
.team b{color:#3a3a3a;font-weight:500;font-family:'Roboto', sans-serif; font-size: 16px; margin-bottom: 5px; display: block;}
.team img{width:100%; height:auto; float:left; margin-bottom:10px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}

.teamDetail {float: left; width: 100%;  margin-top:30px; padding-left: 380px}
.teamDetail img{width:360px; height:auto; float:left; margin-bottom:10px; margin-right:20px; position:absolute; left:0 ;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;}
.teamDetail h2{ font-size:22px; color: #131430; font-weight:500; }
.teamDetail p {font-size:17px; line-height: 26px; color:#696e77; margin-top:20px;font-weight:400;}
.teamDetail h2:after{content:'"';width:60px;height:2px;background:#0060df;display:block;text-indent:-9999em;margin:10px 0;}
@media only screen and (max-width:700px){.team li{width:50%;}}
@media only screen and (max-width:400px){.team li{width:100%;}}






.login{position:relative;left:50%;width:460px;margin-left:-230px;top:80px;display:inline-block;}
.login .logo{float:left;width:100%;height:50px;background:url(img/logo.png) center no-repeat;margin-bottom:40px;}
.login .formMid{ float: left; width: 100%; -webkit-box-shadow:0 0 12px 1px rgba(0,0,0,.10);-moz-box-shadow:0 0 12px 1px rgba(0,0,0,.10);box-shadow:0 0 12px 1px rgba(0,0,0,.10); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.login .formMid ul{float:left;padding:40px 40px 30px;}
.login .formMid li{float:left;width:100%;margin-bottom:15px;}
.login .formMid li label{font-weight:500; font-size: 14px; color:rgb(15, 20, 25); margin:6px 0 10px; display: inline-block;}
.login .formMid .btn,.login .formMid input[type="text"], .login .formMid input[type="password"]{padding:0px 15px 0px;height:auto; font-size: 14px; height: 44px; line-height: 100%;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.login .formMid .btn{min-width: 140px}
.login .formMid input[type="text"], .login .formMid input[type="password"]{width:100%;-webkit-box-shadow:inset 0px 0px 1px 1px rgba(0, 0, 0, 0.1);-moz-box-shadow:inset 0px 0px 1px 1px rgba(0, 0, 0, 0.1);box-shadow:inset 0px 0px 1px 1px rgba(0, 0, 0, 0.1); background: #f6f7f8; color:rgb(15, 20, 25); border: 0}
.login .formMid li h1{font-size:22px;line-height:1;color:rgb(15, 20, 25);text-align:center;font-weight:600}

.login .lgnew{text-align: center; font-size:16px; font-weight:600; margin-bottom: 20px;color:#999}
.login .lgnew a{color:rgb(29, 155, 240);}
.login .lgfg{color:rgb(29, 155, 240); font-weight:600; float: left; margin-top:12px}
.login .ld{top:17px;}
.login .alert { position: relative; }
.login .scrCODE  {float: left; width: 100%;}
.login .scrCODE img {float: left; width: 36px; height: 18px; margin-top:15px; margin-right:20px;}
.login .scrCODE .btn{width:152px}
.login .scrCODE input[type="text"]{float: left; width:120px; text-align: center;}


.img-content { background:#f2f2f2;position:relative;float:left;width:200px;height:200px;}
.img-select {position:absolute;float:left;cursor:pointer;background-image:url(img/camera.png);background-color:rgba(0,0,0,0.1);background-position:center center;background-repeat:no-repeat;}
.img-content, .img-content img, .img-select {float:left; width:200px; height:200px;}



.titbg{float:left;width:100%;min-height:44px; line-height: 44px; background:#f2f2f2;position:relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 20px}
.titbg h1,.titbg h2,.titbg h3{line-height:44px;padding:0 20px;color:rgb(83, 100, 113);font-weight:400;font-size:15px;float:left;}


.mapload{display :none;width:100%;height:400px;float:left;position:absolute;top:0px;z-index:8888;background:#ddd url('../img/loading.gif') center no-repeat;}
.getMapCoords{position:absolute;right:6px;top:52px;height:34px;line-height:34px; padding:10px 0 0; font-size:13px;padding:0 12px;background:#fff;z-index:7777;}
.getMapCoords i{width:14px;height:14px;background:url('../img/gps.png') center no-repeat;float:left;margin-right:6px;margin-top:10px;}
/* ---------- locaiton map end ---------- */

#p_map {width: 100%; height:100%; background:url(img/loading.gif) center center no-repeat; }
#p_map-container { width: 100%; float: left; min-height: 450px; }

[class^="ico-"]{width:24px;height:24px;background-image:url(img/thm2.png);background-repeat:no-repeat; display: inline-block;}
.ico-1{background-position:0px 0px} .ico-2{background-position:-24px 0px} .ico-3{background-position:-48px 0px} .ico-4{background-position:-72px 0px} .ico-5{background-position:-96px 0px} .ico-6{background-position:-120px 0px} .ico-7{background-position:-144px 0px} .ico-8{background-position:-168px 0px} .ico-9{background-position:-192px 0px} .ico-10{background-position:-216px 0px} .ico-11{background-position:-240px 0px} .ico-12{background-position:-264px 0px}

.menu {float:left;width:100%; margin-top:20px; min-height:400px !important;}
.menu ul { min-height:400px !important;float:left;width:100%;}
.menu ul li{float:left;width:220px;}
.menu ul li.tit{color:#999;font-weight:400;font-size:11px;padding-left:5px;margin:20px 0 20px;text-transform:uppercase}
.menu ul li a{color:#3a3a3a;font-size:15px;padding:0px 15px 0px 48px ;height:44px;font-weight:400;line-height:44px;display:block;position:relative;border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-top-left-radius:5px;border-top-right-radius:5px;}
.menu ul li a:hover, .menu ul li.select a{background:#f2f2f2;}
.menu ul li a b{color:#fff;margin-top:12px;line-height:20px;height:20px;font-size:12px;float:right;background:#1d9bf0;font-weight:normal;padding:0px 6px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-transition:opacity 0.5s ease-in-out;-moz-transition:opacity 0.5s ease-in-out;transition:opacity 0.5s ease-in-out;}
.menu ul li a i{float:left;width:24px;height:24px;margin-right:5px;position:absolute;left:10px;top:10px;}


.sss  {float: left; width: 100%; margin-bottom:80px}
.sss li {float: left; padding: 20px 0; width: 100%; border-top:1px solid #ccc; cursor: pointer;}
.sss li b{ font-size: 22px; font-weight: 500; color: #0d233b;}
.sss li p{ font-size: 17px; font-weight: 400; margin-top:15px; color:#596e77; display: none;line-height: 28px;}
.sss li.active p {display: block;}




.program {float: left; width: 100%; position: relative;margin-bottom:100px;}
.program > li{float: left; width: 100%;padding: 15px 10px; font-size: 15px; line-height: 28px; text-align: left; vertical-align: middle; color: #696e77; border-top: 1px solid #e5e5e5; cursor: pointer;position: relative;}
.program > li:hover{background: #fff}
.program > li b{font-size:16px; font-weight: 500; color: #0d233b;}

.program > li span.right span{ float: left; text-align: right; min-width: 150px;}
.program > li  i{font-style: normal; display: inline-block; width:66px}
.program > li .rhide{float: left; width: 100%; margin: 10px 0 0; color: #696e77; display: none; padding: 10px;}
.program > li .rhide .btn{margin-top: 40px; position: absolute; right: 10px}
.program > li .rhide .left{width: 100%; padding-right:260px}
.program > li.show {background: #fff}
.program > li.show .rhide {display: block;}
@media only screen and (max-width:900px)
{ 
    .program > li span.right{ float: left; text-align: left; min-width: 100%;}
    .program > li span.right span{ float: left; text-align: left; min-width: auto; margin-right:20px}
    .program > li span.right span.pTarih{ float: right;}
    .program > li .rhide .btn{margin:20px 0 10px; position: relative; float: none;}
    .program > li .rhide .left{padding-right:0px}
    .program > li .rhide >.right{float: left; width: 100%; text-align: center;}
} 


.esurec {float: left; width: 100%; margin-bottom:30px; margin-top:30px; font-size: 16px; font-weight: 400;}
.esurec ul {float: left; width: 100%; padding: 5px 20px 5px 40px}
.esurec li {float: left; padding:4px 10px; width: 100%;list-style: disc;color:#596e77;font-size: 16px; font-weight: 400;}
.esurec b{ font-size: 22px; font-weight: 500; color: #0d233b;}
.esurec p{ }
.esurec .eimg  { float:left; width:400px; }
  .esurec .eimg img {
    float: left;
    width: 100%; height: auto;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
  }


.esurec .timg {float: left; width:470px; position:absolute;}
.esurec .timg img{float: left;  height: auto;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.esurec .timg .timgb{float: left; width:100%; position: relative; left: 0; top: 0; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;}

.esurec .left {width:100%; padding-left:520px;}
.esurec .left h2 {font-size:24px;font-weight:400;color:#102c4b;}
.esurec p {font-size:17px; line-height: 26px; color:#696e77; margin-top:10px;font-weight:400;text-align: justify;}

@media only screen and (max-width:900px)
{ 
    .esurec .timg { display: none;}
    .esurec .left {padding-left:0px;}
} 



.tb2 { float: left;  width:100%; padding:0; font-size:12px;  margin-bottom:20px;}
.tb2 .ct{ text-align:center;}

.tb2 th { 
  padding: 12px 8px;
  font-size: 14px;color:#696e77;
  font-weight:400;
  vertical-align: middle; text-align: left; background:#f9f9f9
}
.tb2 td { padding:15px 10px; font-size:15px; line-height: 28px;text-align: left;vertical-align:middle;color:#696e77;
border-top: 1px solid #e5e5e5; }
.tb2 td b{ font-size: 16px;color:#131430;font-weight:500;}
.tb2 tr:hover td {background:#fff;}

.tb2 .header:hover:after {visibility: visible;}
.tb2 i{font-style: normal; display: inline-block; width:66px}

.tb2 .btn { float: right; margin-right:20px}
.tb2 .rhide {display: none}
.