/* Main */
:root { --color-main:#1395d3; 
        --color-main-v2:#BB221D; 
        --color-active:#BB221D; 
        --color-social:#BB221D; 
        --color-hover:#BB221D; 
        --color-phone:#1395d3; 
        --color-title:#333; 
        --color-white:#fff; 
        --font-regular:"Roboto Regular"; 
        --font-medium:"Roboto Medium"; 
        --font-semi:"Roboto SemiBold"; 
        --font-bold:"Roboto Bold"; 
        --font-black:"Roboto Black"; 
        --font-extra:"Roboto ExtraBold"; 
        --font-custom:"Avo Bold"; 
} 


body { font-family:var(--font-regular); font-size:14px; } 
.wrap-container { position:relative; overflow:hidden; margin:auto; max-width:1920px; /* min-width:1200px; margin:0 auto; */ } 
.wrap-content { margin:auto; max-width:1230px; padding-left:15px; padding-right:15px; } 
.wrap-main { margin:40px auto; max-width:1230px; padding-left:15px; padding-right:15px; } 
.wrap-home { max-width:100%; padding:0px; } 

/* General */
.title-main { margin-bottom:1.5rem; text-align:center; } 
.title-main span,.title-main h2 { margin-bottom: 0; color:var(--color-main); text-transform: capitalize; font-family: var(--font-bold); font-size:40px; display:block; line-height:1.6; } 
.title-main .slogan { margin-top: 0px; font-size: 20px; font-family: var(--font-medium); line-height: 1.5; text-transform: capitalize; color: #333; } 
.time-main { margin-bottom:0.75rem; color:#999999; } 
.time-main i { vertical-align:top; margin:3px 7px 0px 0px; } 
.time-main span { vertical-align:top; display:inline-block; } 
.share { padding:17px 15px 10px 15px; line-height:normal; background:rgba(128,128,128,0.15); margin-top:15px; border-radius:5px; } 
.share b { display:block; margin-bottom:5px; } 
.control-owl { position:absolute; width:100%; z-index:2; left:0px; top:calc(50% - 45px / 2); } 
.control-owl button { opacity:0.3; top:0px; position:absolute; outline:none; border:0px; padding:0px; margin:0px; display:block; cursor:pointer; color:var(--color-white); width:45px; height:45px; text-align:center; font-size:25px; margin:0px; background-color: var(--color-main); border-radius:3px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; border-radius:50%; } 
.control-owl button:hover { opacity:1; } 
.control-owl button.owl-prev { left:20px; } 
.control-owl button.owl-next { right:20px; } 
.form-control,.form-control-plaintext:not(textarea),.custom-select { height:calc(1em + 1.25rem + 8px); } 
.custom-form-row { margin-right:-10px; margin-left:-10px; } 
.custom-form-row > .col,.custom-form-row > [class*="col-"] { padding-right:10px; padding-left:10px; } 



/* Search */
.search { width: 100%;; background:var(--color-white); border: 1px solid #d0d0d0; border-radius: 50px; overflow: hidden; } 
.search p { float:left; width:45px; height:45px; line-height:45px; cursor:pointer; text-align:center; margin:0px; color:var(--color-white); font-size:16px; background: var(--color-main); } 
.search input { width:calc(100% - 45px); height:45px; float:left; outline:none; padding: 0 20px; border:0px; background:transparent; text-indent:10px; font-size:12px; } 
.search input::-webkit-input-placeholder { color:#313131; } 
.search input:-moz-placeholder { color:#313131; } 
.search input::-moz-placeholder { color:#313131; } 
.search input:-ms-input-placeholder { color:#313131; } 

/* Mmenu */
.menu-res { height:60px; z-index:501; background:var(--color-white); position:relative; display:none; } 
.menu-bar-res { height:55px; padding:0px 15px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; } 
#menu { display:none; } 
#hamburger { display:block; width:35px; height:23px; position:relative; } 
#hamburger:before,#hamburger:after,#hamburger span { background:var(--color-main); content:""; display:block; width:100%; height:3px; position:absolute; left:0px; } 
#hamburger:before { top:0px; } 
#hamburger span { top:10px; } 
#hamburger:after { top:20px; } 
#hamburger:before,#hamburger:after,#hamburger span { -webkit-transition:none 0.5s ease 0.5s; transition:none 0.5s ease 0.5s; -webkit-transition-property:transform,top,bottom,left,opacity; -webkit-transition-property:top,bottom,left,opacity,-webkit-transform; transition-property:top,bottom,left,opacity,-webkit-transform; transition-property:transform,top,bottom,left,opacity; transition-property:transform,top,bottom,left,opacity,-webkit-transform; } 
.search-res-w100 { width:calc(100% - 45px); border-radius:0.25rem; } 
.mm-wrapper_opening #hamburger:before,.mm-wrapper_opening #hamburger:after { top:10px; } 
.mm-wrapper_opening #hamburger span { left:-50px; opacity:0; } 
.mm-wrapper_opening #hamburger:before { -webkit-transform:rotate(45deg); transform:rotate(45deg); } 
.mm-wrapper_opening #hamburger:after { -webkit-transform:rotate(-45deg); transform:rotate(-45deg); } 
.mm-menu_opened { display:block !important; } 
.mm-slideout { z-index:unset; } 

/* Search Responsive */
.search-res { position:relative; } 
.search-res .icon-search { width:40px; height:40px; cursor:pointer; text-align:center; line-height:42px; color: var(--color-main); font-size:17px; margin:0px; } 
.search-res .icon-search.active { color:var(--color-main); background:var(--color-white); border-radius:100%; } 
.search-res .search-grid { position:absolute; top:50px; right:0px; width:0px; height:40px; overflow:hidden; background:var(--color-white); border:1px solid var(--color-main); z-index:2; opacity:0; border-radius:25px; line-height:normal; } 
.search-res .search-grid p { float:left; width:35px; height:38px; cursor:pointer; outline:none; border:none; margin:0px; font-size:17px; display:block; color:var(--color-main); line-height:40px; text-align:center; } 
.search-res .search-grid input { width:calc(100% - 35px); float:right; line-height:38px; outline:none; border:none; color:var(--color-main); } 
.search-res .search-grid input::-webkit-input-placeholder { color:#313131; } 
.search-res .search-grid input:-moz-placeholder { color:#313131; } 
.search-res .search-grid input::-moz-placeholder { color:#313131; } 
.search-res .search-grid input:-ms-input-placeholder { color:#313131; } 

/* Photo */
.video-large { width:505px; } 
.video-small { width:150px; margin-left:-65px; padding:10px; background:var(--color-white); border-radius:10px; position:relative; } 
.video-small-items:hover { cursor:pointer; }