﻿@font-face { font-family: 'bebasNeue'; src: url('../fonts/bebasNeue/BebasNeueRegular.otf'); font-weight: normal; font-style: normal; }

html { height: 100%; font-family: Yekan; font-weight: normal; }
body {background-color: #f7fcfc;height: 100%;font-family: Yekan;font-weight: normal !important;padding-right: 0px !important;font-size: 11pt;}

.mobile_logo{right:40px;}

.nav-menu {margin-left: 100px;}
.nav-menu > ul {display: flex;}
.nav-menu ul {margin: 0;padding: 0;list-style: none;}
.nav-menu > ul > li {position: relative;white-space: nowrap;padding: 10px 0 10px 28px;}
.nav-menu a {display: block;position: relative;transition: 0.3s;font-size: 13px;/*text-transform: uppercase;*/font-weight: 500;}

/*[ Menu ]
-----------------------------------------------------------*/
.main_menu { padding-left: 65px; list-style-type: none; margin: 0px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
    .main_menu > li { display: block; position: relative; padding-top: 20px; padding-bottom: 20px; padding-left: 8px; padding-right: 8px; }
        .main_menu > li > a {font-family: inherit;/*font-weight: 600;*/font-size: 14px;color: #555555!important;padding: 0;border-bottom: 1px solid transparent;}
li.sale-noti > a { color: #e65540; }
.main_menu > li:hover > a {/*text-decoration: none;*/border-bottom: 2px solid #3fbbc0; color:#3fbbc0}
.main_menu li { position: relative; }
.main_menu > li:hover > .sub_menu { visibility: visible; opacity: 1; }
.main_menu > li > .sub_menu { top: 98% /*100%*/; left: 0; position: absolute; }
.sub_menu {list-style-type: none; left: 100%; width: 225px;display: block;position: absolute;right: 15px;top: calc(100% + 30px);z-index: 99;opacity: 0;visibility: hidden;padding: 10px 0;background: #fff;box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);transition: 0.3s;}
.sub_menu li:hover > .sub_menu { visibility: visible; opacity: 1; top: 0;left: 100%;}
.sub_menu li:hover > ul {left: -100%;}
.sub_menu li {min-width: 180px;position: relative; transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; font-family: inherit; font-size: 14px; color: white;}
.sub_menu a { font-family: inherit; font-size: 14px; color: #194b4d; padding: 10px 20px;text-transform: none;}
.sub_menu > li:hover > a { color: #3fbbc0; text-decoration: none; }
/*-----------------------------------------------------------*/

/*[ Menu mobile ]
-----------------------------------------------------------*/
.wrap-side-menu { width: 100%; background-color: white; display: none; border-top: 1px solid #ececec; }

.side-menu { width: 100%; }
    .side-menu li { list-style-type: none; }
    .side-menu .main-menu { margin-bottom: 0; }
.side-menu .main-menu > li > a { padding-left: 20px; font-family: inherit; font-size: 15px; color: #194b4d; line-height: 2.86; }
.side-menu .main-menu > li { color: white; position: relative; }
.side-menu .main-menu .arrow-main-menu { font-size: 14px; position: absolute; right: 20px; top: 5px; padding: 10px; -webkit-transition: all 0.4s !important; -o-transition: all 0.4s !important; -moz-transition: all 0.4s !important; transition: all 0.4s !important; }
    .side-menu .main-menu .arrow-main-menu:hover { cursor: pointer; }
.side-menu .sub-menu a { padding-left: 20px; font-family: inherit; font-size: 13px; color: #333333; line-height: 2.5; }
.side-menu .sub-menu > li { padding-right: 12px; }
.side-menu .sub-menu a:hover { text-decoration: none; padding-left: 20px; color: #e65540 !important; }
.side-menu .sub-menu { background-color: white; display: none; }

.item-menu-mobile { background-color: #e7e6e6; text-align: left; padding-right: 10px; }
/*-----------------------------------------------------------*/

.right-20{right:20px;}

.footer-bg p .fa {margin-right:7px; }

.single-post-area .quotes { border-left: 2px solid; }

.file-box {float: left;}

.validation-error { text-align: right; right: 10px; }

