charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,900);


body{font-size:12px;color:#414042;font-family:Verdana,Tahoma,Arial,Sans-Serif;; font-weight:500;height:100%; }a,applet,b,blockquote,body,caption,center,dd,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,input,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,strike,strong,sub,sup,table,tbody,td,textarea,tfoot,th,thead,tr,tt,u,ul,var{border:0;margin:0;padding:0}img{border:none}a{text-decoration:none;outline:0;color:inherit}* html,* html body{padding-top:0}* css{margin:0;padding:0}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}* html .clearfix{height:1%}.clearfix{display:block}span{}html{height:100%}.clearBoth{clear:both}.nomargin{margin:0!important;padding:0!important}.mr40{margin-right:40px}input,select{color:#58595B;line-height:18px;}
* {
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body { background-color:#F7F7F7;}
.cboth {clear:both;}
.margin-small-top { margin-top:20px !important;}
.margin-medium-top { margin-top:50px !important;}
.margin-large-top { margin-top:80px !important;}

.margin-small-bottom { margin-bottom:20px !important;}
.margin-medium-bottom { margin-bottom:50px !important;}
.margin-large-bottom { margin-bottom:80px !important;};


.margin-small-right { margin-right:20px !important;}
.margin-medium-right { margin-right:50px !important;}
.margin-large-right { margin-right:80px !important;}


.margin-small-left { margin-left:20px !important;}
.margin-medium-left { margin-left:50px !important;}
.margin-large-left { margin-left:80px !important;}

.align-center { text-align:center !important;}
.align-left { text-align:left !important;}
.align-right { text-align:right !important;}


.header { background:url(../img/ustbg.jpg) top center repeat-x; position:relative; z-index:1}
.header .container { min-height:120px; position:relative;}
.header .logo { padding-top:24px}
.header .logo img { max-width:100%; height:auto;}
.header .sag { margin-top:10px;}
.header .sag .arama { float:right; margin-left:20px; position:relative; width:200px}
.header .sag .arama input { border-radius:0;}
.header .sag .arama button { position:absolute; font-size:19px; border:none; background:none; right:12px; top:3px; color:#58595B;}
.header .sag .info { float:right; padding-top:6px}
.header .sag .info a { color:#6D6E70; margin-left:10px; display:block; float:left; text-decoration:none;}
.header .sag .info a:last-child::before { content:' '; width:1px; float:left; height:20px; background-color:#6D6E70; margin-right:10px}
.header .menu { float:right; width:100%; margin-top:35px}
.header .menu ul { float:right; list-style:none;}
.header .menu ul li { float:left; position:relative;}
.header .menu ul li.mobile { display:none;}
.header .menu ul li.mobile a{ font-size:25px; float:right;}
.header .menu ul li a { font-family:'Roboto', sans-serif; font-size:17px; padding:0 10px; padding-bottom:20px; font-weight:300; text-decoration:none;}
.header .menu ul li .anicon { background:url(../img/iconlogo.png) no-repeat; width:16px; height:16px; float:left; margin-right:4px; margin-top:2px;}
.header .menu ul li.aktif a{ font-weight:500; background:url(../img/urunH.png) no-repeat bottom center;}
.header .golge { width:100%; height:50px;background:url(../img/ustgolge.png) top center repeat-x;}


.header .menu ul li:hover ul { display:table;}
.header .menu ul li ul { position:absolute; top:42px; left:0; min-width:200px; background-color:#EC1C2C; display:none; z-index:99999}
.header .menu ul li ul li { width:100%; padding-left:5px; padding-top:6px; padding-bottom:6px; border-bottom:1px solid #fff;}
.header .menu ul li ul li a { padding:0; color:#fff; font-size:15px; font-weight:bold;}
.header .menu ul li ul li:last-child { border:none;}
.header .menu ul li ul li::after { display:none !important;}
.header .menu ul li ul li:hover { background-color:#76818d;}
.header .menu ul li ul li:hover a { background:none;}
.header .menu ul li ul li .ab { display:none;}


.header .menu ul li:hover a {background:url(../img/urunH.png) no-repeat bottom center;}
.header .menu ul li .ab {background:url(../img/urunH.png) no-repeat bottom center;}
.urunH { width:98%; background-color:#EB1C23; padding:12px; position:absolute; display:none; left:0; min-height:390px;}
.urunH.active { display:block;}
.urunH .urunK { color:#fff; margin-bottom:20px;}
.urunH .urunK img{ width:100%; float:left; margin-right:10px; border:2px solid #3e3d3d}
.urunH .urunK .baslik { width:100%; height: auto; text-align:center;}
.urunH .urunK .baslik a { color:#fff; text-decoration:none; font-weight:bold; font-size:13px; font-family:'Roboto', sans-serif;}
.urunH .urunK .ozet { font-size:10px; text-align:justify;}


/*5'liden önceki yedek */
/*.header .menu ul li:hover a {background:url(../img/urunH.png) no-repeat bottom center;}
.header .menu ul li .ab {background:url(../img/urunH.png) no-repeat bottom center;}
.urunH { width:98%; background-color:#EB1C23; padding:12px; position:absolute; display:none; left:0; min-height:390px;}
.urunH.active { display:block;}
.urunH .urunK { color:#fff; margin-bottom:20px; display:table;}
.urunH .urunK img{ max-width:138px; float:left; margin-right:10px;}
.urunH .urunK .baslik { width:100%;}
.urunH .urunK .baslik a { color:#fff; text-decoration:none; font-weight:bold; font-size:13px;}
.urunH .urunK .ozet { font-size:10px; text-align:justify;}
*/



.markaH { width:98%; background-color:#EB1C23; padding:20px 30px; position:absolute; display:none; left:0}
.markaH.active { display:block;}
.markaH .markaK { margin-bottom:6px; padding-left:3px; padding-right:3px;}
.markaH .markaK .m {padding:10px; background-color:#fff;}
.markaH .markaK img{ width:auto; max-width:100%; height:60px; margin:0 auto; display:table}


.slayt{ position:relative; z-index:0; margin-top:-90px}
.slayt img{ max-width:100%; height:auto;}

.slayt .rsm { position:relative;}
.slayt .slogan { position:absolute; z-index:7; top:25%; width:100%;}
.slayt .slogan .kapsa { display:table; padding:10px 20px; background-color:rgba(108, 109, 111, 0.66); }
.slayt .slogan .kapsa.center { float:none; margin:0 auto; text-align:center;}
.slayt .slogan .kapsa.right { float:right; text-align:right;}
.slayt .slogan h3 { color:#fff; font-size:29px; margin-bottom:3px; margin-top:3px;font-weight:bold;}
.slayt .slogan h2 { color:#FFFFFF; font-size:28px; margin-bottom:3px; margin-top:3px;font-weight:bold; }
.slayt .slogan p { font-size:18px; color:#fff}
.slayt .slogan a { background-color:#eb1c23; color:#fff; padding:4px 8px; font-size:16px;}

.maddeler { margin-top:10px}
.maddeler .madde { padding-left:5px; padding-right:5px;}
.maddeler .madde .kp{ background-color:#FFF; border:1px solid #E6E7E8; border-bottom:3px solid #EC1C24; padding-bottom:10px; padding-left:10px; padding-right:10px}
.maddeler .madde .icon { width:140px; height:140px; background-color:#fff; border-radius:50%; margin:0 auto; display:table;margin-top:-70px; padding:10px; margin-bottom:10px;}
.maddeler .madde .icon img { max-width:100%; height:auto;}
.maddeler .madde .baslik { width:100%; font-size:15px; font-weight:bold; text-align:center;font-family:'Roboto', sans-serif; margin-bottom:10px; color:#414042; margin-bottom:10px;}
.maddeler .madde .icerik { color:#414042; font-size:12px; text-align:justify}
.maddeler .madde:hover .kp{ background-color:#eaeaea}
.maddeler .madde:hover .icon{ background-color:#eaeaea}

.umenu2 { position:fixed; width:100%; height:100%; background-color:#FFF; z-index:9999999; display:none;}
.umenu2 .logo img{ height:45px; width:auto; margin-left:35px; margin-top:35px; float:left;}
.umenu2 .kapat { float:right; font-size:30px; margin-right:35px; margin-top:30px;}
.umenu2 ul { list-style:none;position:relative;top: 35%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);}
.umenu2 ul li { text-align:center;}
.umenu2 ul li a {color:#6c6d6f; font-size:26px;font-family:'Roboto', sans-serif; padding:8px 0; display:block;font-weight:bold;}
.umenu2 ul li ul { display:none;}

.sayfa .detayIC ul { padding-left:15px;}

.tabs { background-color:#58595B; padding-top:20px;}
.tabs ul { list-style:none;}
.tabs ul li { color:#fff; padding:12px 15px;font-family:'Roboto', sans-serif;font-size:15px; font-weight:bold; min-height:67px; cursor:pointer; text-align:center;}
.tabs ul li.kck { font-size: 13px; padding:12px 10px;}
.tabs ul li.aktif { background-color:#fff; color:#58595B;}

.tabdetail { border-bottom:1px solid #D1D3D4; padding-bottom:20px; margin-bottom:20px;}
.tabdetail .ilerigeri { float:right; margin-bottom:20px;}
.tabdetail .ilerigeri .geri { color:#fff; background-color:#EC1C24; display:block; float:left; padding:0px 6px; font-size:18px;}
.tabdetail .ilerigeri .ileri { color:#fff; background-color:#BC1320; display:block; float:left; padding:0px 6px; font-size:18px;}

.tabdetail ul{ list-style:none;}
.tabdetail ul li { width:100%; display:none;}
.tabdetail ul li.aktif { display:block;}
.tabdetail ul li img { width:100%; height:auto;}
.tabdetail ul li .baslik { width:100%; margin-top:10px; margin-bottom:5px;font-family:'Roboto', sans-serif;font-size:15px; font-weight:bold; color:#58595B;}
.tabdetail ul li .icerik { color:#414042; font-size:12px;}
.tabdetail ul li .incele { width:110px; margin-top:10px;}
.tabdetail ul li .incele img { width:100%; height:auto;}

.aurunlist .urun { padding: 0 15px;}
 

.logolar .container { position:relative;}
.logolar .ilerigeri { float:right; margin-bottom:20px; width:100%;}
.logolar .ilerigeri .geri { color:#fff; background-color:#EC1C24; display:block; float:left; padding:3px 6px; font-size:18px; position:absolute; top:45%; left:-1px; z-index:9}
.logolar .ilerigeri .ileri { color:#fff; background-color:#BC1320; display:block; float:right; padding:3px 6px; font-size:18px;position:absolute; top:45%; right:3px; z-index:9}
.logolar ul { list-style:none;}
.logolar ul li { float:left}
.logolar ul li img { max-width:100%; height:auto;}

.footer { background:url(../img/footerbg.png) no-repeat top center; background-size:cover; padding:30px 0}
.footer .adres .logo { margin-bottom:15px;}
.footer .adres .logo img{ max-width:100%; height:auto;}
.footer .adres .adres { margin-bottom:6px; padding-bottom:6px; border-bottom:1px solid #fff; color:#fff;}
.footer .adres .adres p { font-size:12px;}
.footer .adres .adres:last-child { border:none;}
.footer .baslik { font-size:17px; color:#fff; font-family:'Roboto', sans-serif; font-weight:bold; margin-bottom:15PX }

.footer .menu { min-height:243px}
.footer .menu ul { list-style:none;}
.footer .menu ul li { width:50%; padding-right:10px; float:left;}
.footer .menu ul li i { font-weight:bold; margin-right:5px; margin-bottom:10px}
.footer .menu ul li a { color:#fff; text-decoration:none; font-size:16px;}

.footer .form p { color:#fff; font-size:12px;}
.footer .form form input { margin-bottom:5px; border-radius:0} 
.footer .form form button { border:none; background:none}

.footer .bulten p { color:#fff; font-size:12px;}
.footer .bulten form { position:relative;}
.footer .bulten form input { margin-bottom:5px; border-radius:0} 
.footer .bulten form button { border:none; background:none; right:0; top:0; position:absolute}
.footer .bulten a.fb { width:24px; height:24px; background:url(../img/fb.png) no-repeat; background-size:contain; display:block; float:left; margin-right:5px;}
.footer .bulten a.tw { width:24px; height:24px; background:url(../img/tw.png) no-repeat; background-size:contain; display:block; float:left; margin-right:5px;}
.footer .bulten a.ins { width:24px; height:24px; background:url(../img/ins.png) no-repeat; background-size:contain; display:block; float:left; margin-right:5px;}
.footer .bulten a.in { width:24px; height:24px; background:url(../img/in.png) no-repeat; background-size:contain; display:block; float:left; margin-right:5px;}

.navb {width: 100%;background:#ececec url(../img/ustgolge.png) top center repeat-x; background-size:cover;padding: 20px 0px;font-family: 'Open Sans';font-weight: 600; font-size: 13px;}
.markalar { list-style:none;}
.markalar li { margin-bottom:30px}
.markalar li img { max-width:100%; height:auto;}

.sayfa.basindaBiz .sol .gBaslik{ width:100%; font-size:23px; font-weight:bold; margin-bottom:20px; color:#cd0008;}
.sayfa.basindaBiz .sol .blist { list-style:none;}
.sayfa.basindaBiz .sol .blist li { margin-bottom:30px}
.sayfa.basindaBiz .sol .blist li img { max-width:100%; height:auto;border:1px solid #e2e2e2;}
.sayfa.basindaBiz .sag {}

.sayfa.basindaBiz .sag ul{float:right;width:98%; list-style:none;}
.sayfa.basindaBiz .sag ul>li{float:left;width:100%;border-bottom:1px solid #d4d4d4}
.sayfa.basindaBiz .sag ul>li.aktif {color:#cd0008}
.sayfa.basindaBiz .sag ul>li>a{padding:13px 0;float:left;font-size:12px;font-weight:600; text-decoration:none;}
.rightmenu-bg{ background-color: #4b4c50;width: 6px;float: left; height: 6px;margin-top: 19px;margin-right: 8px;}

.sayfa.iletisim .adres { margin-bottom:25px}
.sayfa.iletisim .adres .baslik{color:#cd0008;font-size:16px;font-weight:bold;margin-bottom:10px;}
.sayfa.iletisim .adres .adress { margin-bottom:5px;}
.sayfa.iletisim .adres .iletisim p { margin-bottom:3px;}
.sayfa.iletisim .adres .iletisim a{  font-weight:bold; text-decoration:none;}

.sayfa.iletisim form label { width:100%; margin-bottom:5px; color:#494949}
.sayfa.iletisim form .form-control {  border-radius:0; background-color:#efefef}
.sayfa.iletisim form button { width:auto; background-color:#d84d52 !important; color:#fff;}

.sayfa.urunler .sol ul{ list-style:none;}
.sayfa.urunler .sol ul li { margin-bottom:18px; position:relative; padding-left:5px}
.sayfa.urunler .sol ul li:before {content: "\f105";font-family: FontAwesome; left:-5px;position:absolute;top:0;}

.sayfa.urunler .sol ul li a { text-decoration:none; font-size:14px; font-weight:bold; color:#525252;}
.sayfa.urunler .sol ul ul { padding-left:15px; margin-top:2px; margin-bottom:10px;}
.sayfa.urunler .sol ul ul li { margin-bottom:5px; }
.sayfa.urunler .sol ul ul li a{color:#696969; font-weight:normal; font-size:13px;}

.sayfa.urunler .sag ul { list-style:none;}
.sayfa.urunler .sag ul li { margin-bottom:30px; display:block;}
.sayfa.urunler .sag ul li .kps { width:100%;/*min-height:245px;*/ padding:5px; border-radius:8px; border:2px solid #d2d2d2; background-color:#fff;}
.sayfa.urunler .sag ul li .kps .rsm {overflow:hidden;width:100%; position:relative; /*min-height:245px;*/display: flex;flex-direction: column;justify-content: center; }
.sayfa.urunler .sag ul li img { max-width:100%; height:auto; width:auto; /*max-height:225px;*/ margin:0 auto;display:table;position:relative; }
.sayfa.urunler .sag ul li .incele { background:rgba(215,51,57,0.6) url(../img/pr-hover.png) center no-repeat;top:0; left:0; z-index:2; width:100%; height:100%; position:absolute; display:flex; flex-direction:column; justify-content:center; align-items:center; align-content:center;visibility:hidden;}	
.sayfa.urunler .sag ul li .incele i { font-size:26px; color:#fff; margin:0 auto;}
.sayfa.urunler .sag ul li:hover .incele {opacity:1;visibility:visible;}


.sayfa.urunler .sag ul li p { margin-top:5px; text-align:center;}
.sayfa.urunler .sag ul li p a { text-decoration:none;}

.sayfa.urunler .urund .baslik { width:100%;color:#cd0008;font-size:19px;font-weight:bold;margin-bottom:10px;}
.sayfa.urunler .urund .resim {border:1px solid #cecece; background-color:#fff }
.sayfa.urunler .urund .resim img { max-width:100%; height:auto; display:table; margin:0 auto;}
.sayfa.urunler .urund .detay ul{ padding-left:15px}

.sayfa.urunler ul.tabm { list-style:none; width:100%;}
.sayfa.urunler ul.tabm li { font-weight:bold; padding-bottom:10px; float:left; padding-right:35px; cursor:pointer}
.sayfa.urunler ul.tabm li.aktif { border-bottom:3px solid #CD0008;}
.sayfa.urunler .tabmenu .dty {border:1px solid #cecece; width:100%; padding:15px; display:none;}
.sayfa.urunler .tabmenu .dty.aktif { display:table;}
.sayfa.urunler .tabmenu .dty .rsm { margin-bottom:10px; }
.sayfa.urunler .tabmenu .dty .rsm img{ max-width:100%; height:auto;border:1px solid #cecece;}
.sayfa.urunler .tabmenu .dty .videos {position: relative;}
.sayfa.urunler .tabmenu .dty .videos a { position: absolute; width: 100%; height: 100%; z-index: 10;}
.sayfa.urunler .tabmenu .dty .videos iframe { margin-right:10px; margin-bottom:10px; width: 100%; height: 260px;}
.sayfa.urunler .tabmenu .dty .pdf{
    float: left;
    color: #fff;
	display:block; float:left; margin-right:10px
    font-size: 14px;
    padding: 10px 60px 10px 10px;
    background: rgba(215,51,57,0.6) url(../img/pdf-icon.png) right no-repeat;
    background-color: #cd0008;
	background-size:contain
}
.sayfa.urunler .urund .baslik .ulasin { float:right;}

.sayfa.urunler .rsm .rs { background-color:#fff; height:115px; display:flex;flex-direction:column;justify-content:center;align-items:center; align-content:center; overflow:hidden; border:1px solid #d2d2d2;}
.sayfa.urunler  .rsm img {min-width:100%; height:auto; min-height:115px}

.ik .bslkbg{width:100%; height:30px; background-color:#58595B; line-height:30px; font-size:13px; font-weight:bold;}
.ik .bslkbg .a{ height:30px; text-indent:15px; color:#FFFFFF; float:left; text-align:left;}
.ik .b{ text-indent:15px; color:#000000; float:left; line-height:30px; margin-top:5px;}

.sayfa.haberler .sag ul{float:right;width:98%; list-style:none;}
.sayfa.haberler .sag ul>li{float:left;width:100%;border-bottom:1px solid #d4d4d4}
.sayfa.haberler .sag ul>li.aktif {color:#cd0008}
.sayfa.haberler .sag ul>li>a{padding:13px 0;float:left;font-size:12px;font-weight:600; text-decoration:none;}
.rightmenu-bg{ background-color: #4b4c50;width: 6px;float: left; height: 6px;margin-top: 19px;margin-right: 8px;}

.sayfa.blog .sag ul{float:right;width:98%; list-style:none;}
.sayfa.blog .sag ul>li{float:left;width:100%;border-bottom:1px solid #d4d4d4}
.sayfa.blog .sag ul>li.aktif {color:#cd0008}
.sayfa.blog .sag ul>li>a{padding:13px 0;float:left;font-size:12px;font-weight:600; text-decoration:none;}
.rightmenu-bg{ background-color: #4b4c50;width: 6px;float: left; height: 6px;margin-top: 19px;margin-right: 8px;}

.sayfa.blog .sol ul.blogl { list-style:none;}
.sayfa.blog .sol ul.blogl li { width:100%; padding-bottom:20px; border-bottom:1px solid #d1d1d1; margin-bottom:20px; display:table}
.sayfa.blog .sol ul.blogl li .rsm { padding-left:0px; margin-bottom:5px;}
.sayfa.blog .sol ul.blogl li img { max-width:100%; height:auto;}
.sayfa.blog .sol ul.blogl li .baslik a{ font-weight:bold; color:#BB131F; font-size:16px; text-decoration:none;}
.sayfa.blog .sol ul.blogl li a.devam { width:100%; display:block; margin-top:5px; text-decoration:none; font-weight:bold;}


.sayfa.haberler .sol ul.haberl { list-style:none;}
.sayfa.haberler .sol ul.haberl li { width:100%; padding-bottom:20px; border-bottom:1px solid #d1d1d1; margin-bottom:20px}
.sayfa.haberler .sol ul.haberl li .baslik a{ font-weight:bold; color:#BB131F; font-size:16px; text-decoration:none;}

blockquote{margin:0 0 20px 0;padding:10px 20px 5px 50px;background:#f8f8f0;text-align:left;position:relative;display:inline-block}
blockquote .services-text{ margin-bottom:35px;float:left;font-family:'Open Sans';font-weight:600;font-size:14px;letter-spacing:-.5px;line-height:32px;}
blockquote::after{content:url(../img/blockquote.png);top:2px;font-family:theme;font-size:20px;font-style:normal;left:20px;position:absolute;line-height:1;color:rgb(81,103,101)}


.sayfalama{width:100%;float: left;font-size:14px;line-height:25px;margin:50px 0 0;padding:15px 0 0;font:14px/36px 'Montserrat', Arial, Helvetica, sans-serif;}
.sayfalama ul{width:100%;float:right;margin:0;padding:0;list-style:none;line-height: inherit;}
.sayfalama ul li{margin:0 4px;line-height: inherit;list-style-type:none; float:left;}
.sayfalama ul li a{padding:0px 12px; font-weight:bold;display:block;color:#222;background:#dad8d8;border-radius:3px;text-align:center;position:relative;line-height: inherit;}
.sayfalama ul li a:hover,.sayfalama ul li a:hover i{color:#fff;}
.sayfalama ul li a.aktif:before{background:#1d68c3;}
.sayfalama ul li a:before{top:3px;left:0;width:100%;height:100%;content:'';z-index:-1;border-radius:3px;position:absolute;background:#dad8d8;}
.sayfalama ul li.aktif{background:#3490FF;}
.sayfalama ul li.aktif a{color:#fff;background:#e91d24;}
.sayfalama ul li.aktif a:before{color:#fff;background:#e91d24;}



.page-content ol, .page-content ul { padding-left:15px}



.animated.infinite {    -webkit-animation-iteration-count: infinite;    animation-iteration-count: infinite;}
.mypage-alo-ph-circle {    width: 90px;    height: 90px;    top: 12px;    left: 12px;    position: absolute;    background-color: transparent;    -webkit-border-radius: 100%;    -moz-border-radius: 100%;    border-radius: 100%;    border: 2px solid rgba(30, 30, 30, 0.4);    opacity: .1;    opacity: .5;}
.zoomIn {    -webkit-animation-name: zoomIn;    animation-name: zoomIn;}
.animated {    -webkit-animation-duration: 1s;    animation-duration: 1s;    -webkit-animation-fill-mode: both;    animation-fill-mode: both;}
.mypage-alo-ph-circle-fill {    width: 60px;    height: 60px;    top: 28px;    left: 28px;    position: absolute;    -webkit-transition: all 0.2s ease-in-out;    -moz-transition: all 0.2s ease-in-out;    -ms-transition: all 0.2s ease-in-out;    -o-transition: all 0.2s ease-in-out;    transition: all 0.2s ease-in-out;    -webkit-border-radius: 100%;    -moz-border-radius: 100%;    border-radius: 100%;    border: 2px solid transparent;    -webkit-transition: all .5s;    -moz-transition: all .5s;    -o-transition: all .5s;    transition: all .5s;    opacity: .4 !important;}
.mypage-alo-ph-img-circle {    width: 30px;    height: 30px;    top: 43px;    left: 43px;    position: absolute;    background: rgba(30, 30, 30, 0.1) url(https://seeklogo.com/images/W/whatsapp-icon-logo-8CA4FB831E-seeklogo.com.png) no-repeat center center;	    -webkit-border-radius: 100%;    -moz-border-radius: 100%;    opacity: 1;    -webkit-transition: all 0.2s ease-in-out;    -moz-transition: all 0.2s ease-in-out;    -ms-transition: all 0.2s ease-in-out;    -o-transition: all 0.2s ease-in-out;    transition: all 0.2s ease-in-out;    -webkit-transform-origin: 50% 50%;    -moz-transform-origin: 50% 50%;    -ms-transform-origin: 50% 50%;    -o-transform-origin: 50% 50%;    transform-origin: 50% 50%;    background-size: 100%;}
.tada {    -webkit-animation-name: tada;    animation-name: tada;}
@-webkit-keyframes tada {  from {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }
  10%, 20% {    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);  }
  30%, 50%, 70%, 90% {    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);  }
  40%, 60%, 80% {    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);  }
  to {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }
}
@keyframes tada {  from {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }
  10%, 20% {    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);  }
  30%, 50%, 70%, 90% {    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);  }
  40%, 60%, 80% {    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);  }
  to {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }
}
@keyframes pulse {  from {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }
  50% {    -webkit-transform: scale3d(1.05, 1.05, 1.05);    transform: scale3d(1.05, 1.05, 1.05);  }
  to {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }
}
@-webkit-keyframes zoomIn {  from {    opacity: 0;    -webkit-transform: scale3d(.3, .3, .3);    transform: scale3d(.3, .3, .3);  }
  50% {    opacity: 1;  }
}
@keyframes zoomIn {  from {    opacity: 0;    -webkit-transform: scale3d(.3, .3, .3);    transform: scale3d(.3, .3, .3);  }
  50% {    opacity: 1;  }
}

.header .container { position:relative;}
.mypage-alo-phone {position:absolute;top: -10px;right:0px;z-index: 9999999;}
.mypage-alo-ph-circle {border-color: #43b91e;}
.mypage-alo-ph-circle-fill {background-color:#43b91e;}
.mypage-alo-ph-img-circle {background-color: #43b91e;}.mypage-alo-phone:hover .mypage-alo-ph-circle {border-color: #43b91e;}
.mypage-alo-phone:hover .mypage-alo-ph-circle-fill {background-color:#43b91e;}
.mypage-alo-phone:hover .mypage-alo-ph-img-circle {background-color: #43b91e;}


@media screen and (max-width:1400px) { .mypage-alo-phone { position:fixed; right:120px; bottom:110px; top:auto}}

@media screen and (max-width:992px) {
.mypage-alo-phone { position:fixed; right:115px; bottom:100px; top:auto}
.mypage-alo-ph-circle {width: 75px;height: 75px;top: 20px;left: 20px;}
.mypage-alo-ph-circle-fill {width: 45px;height: 45px;top: 35px;left: 35px;}
.mypage-alo-ph-img-circle { width: 30px; height: 30px;top: 43px;left: 43px;}
}