html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
html,body {

    line-height: 1;
    height: 100%;

}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*HOME NAV*/
#home_nav{float:left;width:100%;height:50px;background:#fff;-webkit-box-shadow: -1px 4px 42px -6px rgba(209,209,209,1);
    -moz-box-shadow: -1px 4px 42px -6px rgba(209,209,209,1);
    box-shadow: -1px 4px 42px -6px rgba(209,209,209,1);}
#navbar_title{float:left;width:100%;line-height: 50px;font-size:24px;color:#1a1a1a;}
#navbar_title a{color:#1a1a1a;text-decoration: none;}
.home_nav_menu{float:left;width:100%;font-size:17px;}
.home_nav_menu a{color:#000;line-height: 50px;margin-left: 30px;}


/* HOME PAGE BODY*/
#home_page_sec{float:left;width:100%;height:auto;min-height:100%;background: #f4f7f6;}

.home_page_body{float:left;width:100%;height:auto;margin:50px 0px;}
.home_anno_art{float:left;width:100%;background: #fff;margin-bottom:40px;border-radius: 5px;overflow: hidden;}
.home_anno_img img{float:left;width:100%;height:175px;border-bottom: 1px solid #FF7242;}
.home_anno_img{float:left;width:100%;height:175px;}
.home_anno_title{float:left;width:100%;font-size:14px;font-weight:bold;font-family: 'Open Sans', sans-serif;text-align: center;padding: 20px;margin-bottom: 30px; }
.home_anno_title a{color: #555;}
.home_anno_title a:hover{color:#1a1a1a; }
.home_anno_bottom{float:left;width:100%;height:30px;background: #FF7242;}
.home_anno_pet_type{float:left;padding-left: 10px;color:#fff;line-height: 30px;font-size:13px;}
.home_anno_pet_type i{margin-right: 3px;}
.home_anno_pet_kind{float:right;padding-right: 10px;color:#fff;line-height: 30px;font-size:13px;}
.home_anno_pet_kind i{margin-right: 3px;}


/* ANNO DETAİLS*/
#anno_details_body{float:left;width:100%;min-height: 350px;background: #f8fbfa;}
.anno_details_img{float:left;width:100%;}
.anno_details_img img{float:left;width:100%;height:250px;}
.anno_details_left{float:left;width:100%;min-height:350px;border:1px solid #dedede;background: #fff;}
.anno_pet_name{float:left;width:100%;background:#FF7242;color:#fff;text-align: center;padding: 10px 0px;font-size:16px;font-family: 'Open Sans', sans-serif;font-weight: bold;letter-spacing: 2px;}
.anno_details_title{float:left;padding: 20px;padding-left: 5%;padding-right: 5%;font-size:20px;font-family: 'Open Sans', sans-serif;}
.anno_pet_left_details{float:left;width:100%;font-size:15px;padding:20px 0px;padding-left: 10%;padding-right: 10%; }
.anno_pet_left_details ul,li{float:left;width:100%;}
.anno_pet_left_details li{padding: 7px 0px;}
.anno_pet_left_details strong{color:#FF7242;}
.anno_details_map{float:left;width:100%;height:300px;}
.anno_details_map iframe{float:left;width:100%;height:100%;}
.anno_details_desc{float:left;width:100%;margin-top:30px;padding-left: 5%;padding-right: 5%;line-height: 25px;}









/*HOMEPAGE LOGİN*/
.homepage_login_title{float:left;color:#fff;width:100%;font-size:19px;margin-bottom: 20px;border-bottom:1px solid #fff;text-align:center;padding-bottom: 15px;}
#homepage{z-index:1;float:left;width:100%;min-height:100%;  background-image: url("../public/upload_img/homewallpaper.jpg");background-position: center;background-repeat: no-repeat;background-size: cover;}
#homepage_login{float:left;margin-left:10%;margin-top: 42%;width:70%;overflow:hidden;padding:50px;background: rgba(255,255,255, 0.2);border-radius: 5px;}
#homepage_login form{float:left;width:100%;overflow:hidden;}
#homepage_login>ul{float:left;width:100%;overflow:hidden;padding: 0;margin: 0;line-height: 0;}
#homepage_login li{float:left;overflow:hidden;width:90%;margin: 0;margin-left:5%;padding: 10px 0px;list-style: none;}
.homepage_login_i{ position:absolute;font-size:12px;color: #d3d3d3;margin-top: 8px;margin-left: 5px;}
.homepage_login_input{float:left;color:#fff;background:none;padding-left:30px;line-height:30px;width:100%;border:none;border-bottom:1px solid #555;}
.homepage_login_input::-webkit-input-placeholder{color:#d2d2d2;font-size:14px;}
.homepage_login_input::-moz-placeholder{color: #d2d2d2;}
.homepage_login_btn{float:right;margin-top: 20px;font-size:14px;padding: 5px 10px;border:none;border-radius: 5px;}
/*HOMEPAGE LOGİN END*/

/* HOMEPAGE LOGİN NAV*/
#nav{z-index:99;position: fixed;width:100%;height:50px;padding-top: 10px;}
#nav h2{color:#fff;font-size:28px;}
#nav ul{float:left;width:100%;}
#nav li{float:right;}
#nav li a{float:right;color:#fff;}
#nav li a>i{margin-left:5px;margin-top: 7px;}
#nav li a:hover{text-decoration: none;}
/*NAV END*/




/*  FOOTER */
#commerce_footer{float:left;width:100%;min-height:350px;background: #1a1a1a;padding-bottom:20px;}
#com_footer_menu{float:left;width:100%;}
.com_footer_menu_title{float:left;width:100%;letter-spacing:1.2px;font-family:Montserrat;padding:15px 0px;font-size:16px;line-height: 1.2;color:#FF7242;}
#com_footer_body{float:left;width:100%;min-height:300px;}
#com_footer_menu ul{float:left;width:100%;margin:0;padding: 0;}
#com_footer_menu ul li{float:left;width:100%;margin:0;padding:6px 0px;}
#com_footer_menu li a{float:left;width:100%;font-size:13px;color:#fff;}
#com_footer_social{float:left;width:100%;min-height:30px;padding:5px 0px;border-bottom: 1px solid #656565;margin-bottom:40px;}
#com_footer_social a{float:left;color:#fff;font-size:13px;line-height: 30px;padding: 5px 10px;}
#com_footer_social a:hover i{background: #fff;color:#FF7242;}
#com_footer_soc_ic{float:left;width:30px;line-height:30px;height:30px;margin-right: 10px;text-align:center;background: #FF7242;border-radius: 50px;transition-property: all;transition-duration: 0.5s;}
.footer_info_body{float:left;width:100%;min-height:150px;padding-top: 50px;margin-bottom: 40px;border-bottom: 1px solid #656565;}
.footer_info_art{float:left;width:100%;text-align: center;}
.footer_info_art i{height:120px;width:120px;line-height:120px;text-align:center;font-size:35px;color: #FF7242;border:1px solid #262626;border-radius:120px;transition-property: all;transition-duration: 0.5s;}
.footer_info_art i:hover{background:#fff;border-color: #FF7242;}
.footer_info_art p{float:left;width:100%;margin-top:20px;color:#555;padding-left:15%;padding-right: 15%;}
.footer_info_art_menu{float:left;width:100%;padding-top: 120px;}
.footer_info_title{float:left;color:#FF7242;font-size:28px;}