/*
Qwilo - Multipurpose Responsive HTML5 Template
Author: iqonicthemes.in
Version: 1.0
Design and Developed by: iqonicthemes.in
*/

/*================================================
[  Table of contents  ]
================================================

======================================
[ End table content ]
======================================*/
/*---------------------------------------------------------------------
Google Fonts
-----------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Work+Sans:100,200,300,400,500,600,700,800,900&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Varela+Round&subset=hebrew,latin-ext,vietnamese');

/*---------------------------------------------------------------------
Import Css
-----------------------------------------------------------------------*/
@import url("font-awesome.min.css");
@import url("ionicons.min.css");
@import url("mega-menu/mega_menu.css");
@import url("owl-carousel/owl.carousel.css");
@import url("magnific-popup.css");
@import url("wow.css");
@import url("shortcodes.css");
@import url("slick/slick.css");

/*---------------------------------------------------------------------
General
-----------------------------------------------------------------------*/
body { font-family: 'Varela Round', sans-serif; letter-spacing: 1px; font-weight: normal; letter-spacing: 1px; font-style: normal; font-size: 14px; line-height: 24px; color: #1d1e34; }
a, input, button { -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; outline: none !important; }
a:focus, a:hover { text-decoration: none !important; }
h1, h2, h3, h4, h5, h6 { margin-top: 0px; font-family: 'Work Sans', sans-serif; }
section { padding: 100px 0; }
.container-fluid { padding: 0 150px; }
.iq-lead { font-size: 16px; line-height: 24px; margin: 0; }
.form-control:focus { box-shadow: none; }
.container-fluid.no-space { padding: 0; overflow: hidden; }

/*---------------------------------------------------------------------
Loader
-----------------------------------------------------------------------*/
#loading { background-color: #ffffff; height: 100%; width: 100%; position: fixed; margin-top: 0px; top: 0px; left: 0px; bottom: 0px; overflow: hidden !important; right: 0px; z-index: 999999; }
#loading-center { width: 100%; height: 100%; position: relative; overflow: hidden; }
#loading-center img { width: 100px; text-align: center; left: 0; position: absolute; right: 0; top: 50%; bottom: 50%; z-index: 99; margin: auto; -webkit-animation: spin 4s linear infinite; -moz-animation: spin 4s linear infinite; animation: spin 4s linear infinite; }
@-moz-keyframes spin {
	100% { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
	100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
	100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

/*---------------------------------------------------------------------
Back to Top
-----------------------------------------------------------------------*/
#back-to-top .top { z-index: 9999; position: fixed; margin: 0px; color: #ffffff; background: #0C2E45; position: fixed; bottom: 25px; right: 25px; z-index: 999; font-size: 20px; width: 50px; height: 50px; text-align: center; line-height: 50px; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
#back-to-top .top:hover { background: #0C2E45; color: #ffffff; -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); }
#back-to-top i { font-family: FontAwesome; }

/*---------------------------------------------------------------------
Typography
-----------------------------------------------------------------------*/
.typo-style { border-left: 3px solid #0C2E45; padding-left: 20px; margin-top: 20px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 6px 0 6px 15px; }

/*---------------------------------------------------------------------
List Style
----------------------------------------------------------------------*/
ul { padding: 0; margin: 0; padding-left: 20px; }
ul li:after { position: absolute; color: #0C2E45; content: ""; font-family: 'FontAwesome'; left: 0; top: 0; }
ul li.dark:after { color: #222222; }

/*************************************
Listing Check
**************************************/
ul.listing-mark { padding: 0; margin: 0; }
ul.listing-mark li { position: relative; list-style-type: none; padding-left: 25px; margin: 10px 0; }
ul.listing-mark li:after { content: "\f00c"; color: #ffffff; }

/*---------------------------------------------------------------------
Awesome Box 
----------------------------------------------------------------------*/
.awesome-box .boder-img img { z-index: 9; }
.awesome-box .bg-effect { position: relative; z-index: 0; margin-top: -20px; }
.awesome-box .bg-effect:before { background: none; content: ""; width: 80%; height: 130%; position: absolute; top: -50px; left: 10%; border: 10px solid #0C2E45; z-index: -1; }
.awesome-box .bg-effect:before { -webkit-animation-name: fadebounce; -moz-animation-name: fadebounce; -ms-animation-name: fadebounce; -o-animation-name: fadebounce; animation-name: fadebounce; -webkit-animation-duration: 3s; -moz-animation-duration: 3s; -ms-animation-duration: 3s; -o-animation-duration: 3s; animation-duration: 3s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; }
v@-moz-keyframes fadebounce {
	0% { -moz-transform: translateY(0); transform: translateY(0); opacity: 1 }
	50% { -moz-transform: translateY(4px); transform: translateY(4px); opacity: 1 }
	100% { -moz-transform: translateY(0); transform: translateY(0); opacity: 1 }
}
@-webkit-keyframes fadebounce {
	0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 }
	50% { -webkit-transform: translateY(4px); transform: translateY(4px); opacity: 1 }
	100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 }
}
@-o-keyframes fadebounce {
	0% { -o-transform: translateY(0); transform: translateY(0); opacity: 1 }
	50% { -o-transform: translateY(4px); transform: translateY(4px); opacity: 1 }
	100% { -o-transform: translateY(0); transform: translateY(0); opacity: 1 }
}
@-ms-keyframes fadebounce {
	0% { -ms-transform: translateY(0); transform: translateY(0); opacity: 1 }
	50% { -ms-transform: translateY(4px); transform: translateY(4px); opacity: 1 }
	100% { -ms-transform: translateY(0); transform: translateY(0); opacity: 1 }
}
@keyframes fadebounce {
	0% { transform: translateY(0); opacity: 1 }
	50% { transform: translateY(4px); opacity: 1 }
	100% { transform: translateY(0); opacity: 1 }
}

/*---------------------------------------------------------------------
Form
-----------------------------------------------------------------------*/
.iq-form { padding: 0 30px 30px 30px; width: 100%; }
.iq-form h3 { font-size: 26px; line-height: 36px; margin-top: 10px; }
.iq-form h6 { background: #0C2E45; display: block; color: #ffffff; font-weight: 500; font-size: 18px; display: inline; padding: 5px 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.iq-form .form-group { position: relative; margin-top: 20px; }
.iq-form .form-group label { color: #666666; font-size: 14px; font-weight: 600; }
.iq-form .form-group .form-control { background: none; border: 1px solid #b6b6b6; color: #222222; height: 42px; line-height: 42px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 0 40px 0 20px; }
#home .iq-form ::placeholder { color: #222222; opacity: 1; /* Firefox */ }
#home .iq-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #222222; }
#home .iq-form ::-ms-input-placeholder { /* Microsoft Edge */
color: #222222; }
.iq-form .form-group i { color: #b6b6b6; position: absolute; right: 18px; top: 37px; font-size: 24px; }
.iq-form .remember-checkbox a { color: #1e50e2; }
.iq-form .remember-checkbox label { padding-left: 30px; font-size: 14px; position: relative; cursor: pointer; }
.iq-form .remember-checkbox label:before, label:after { position: absolute; top: -3px; left: 0; padding-left: 2px; font-family: FontAwesome; font-size: 17px; }
.iq-form .remember-checkbox label:before { border: 2px solid #0C2E45; content: ""; height: 20px; margin-top: 3px; width: 20px; }
.iq-form .remember-checkbox label:after { content: '\f00c'; max-width: 0; opacity: 0.5; overflow: hidden; color: #0C2E45; transition: all 0.35s; -webkit-transition: all 0.35s; -ms-transition: all 0.35s; -ms-transition: all 0.35s; -o-transition: all 0.35s; }
.iq-form .remember-checkbox input[type="checkbox"] { display: none; }
.iq-form .remember-checkbox input[type="checkbox"]:checked+label:after { max-width: 25px; opacity: 1; }
.iq-form .button { width: 100%; }
#home .button i{font-size: 20px;
    margin-right: 10px;}

/*---------------------------------------------------------------------
Anout Me
-----------------------------------------------------------------------*/
#home { position: relative; overflow: hidden; }
#home ul { list-style: none; padding-left: 0; }
.device-blog { position: absolute; bottom: 0px; height: 100%; left: 0; width: 35%; }

/*---------------------------------------------------------------------
Services
----------------------------------------------------------------------*/
.iq-feature02 { background: rgba (255, 255, 255, 0); display: inline-block; }
.iq-feature02 .icon i { font-size: 60px; color: #ffffff; }
.iq-feature02 span.icon-small i { font-size: 50px; color: #0C2E45; line-height: 50px; vertical-align: middle; margin-right: 20px; }
.iq-feature02 { line-height: 28px; }
.iq-feature02 p { margin-top: 5px; }

/* Dots */
.owl-carousel .owl-controls .owl-dot { margin-top: 20px; display: inline-block; }
.owl-carousel .owl-dots { position: relative; width: 100%; display: inline-block; text-indent: inherit; text-align: center; cursor: pointer; }
.owl-carousel.owl-theme .owl-dots .owl-dot span { background: #cecece; display: inline-block; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; margin: 0px 3px; height: 10px; width: 10px; border: 1px solid #ffffff; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; cursor: pointer; }
.owl-carousel.owl-theme .owl-dots .owl-dot:hover span { background: #0C2E45; }
.owl-carousel.owl-theme .owl-dots .owl-dot.active span { background: #0C2E45; width: 30px; }

/*---------------------------------------------------------------------
featured properties
----------------------------------------------------------------------*/

/*************************
Tabs 1
*************************/
.light-tab .nav-pills .nav-link { border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; text-transform: uppercase; color: #222222; font-weight: 600; border-radius: 3px; margin-right: 2px; padding: 10px 25px; font-size: 16px; }
.nav-pills .nav-link.active, .nav-pills .show>.nav-link, .nav-pills .nav-link:hover { background: #0C2E45; color: #ffffff; padding: 10px 25px; -webkit-box-shadow: 2px 10px 30px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 2px 10px 30px 5px rgba(0, 0, 0, 0.1); box-shadow: 2px 10px 30px 5px rgba(0, 0, 0, 0.1); }

/*---------------------------------------------------------------------
Testimonial
----------------------------------------------------------------------*/
.iq-testimonial .owl-carousel .owl-item img { width: inherit; }

/*---------------------------------------------------------------------
Blog
-----------------------------------------------------------------------*/
.iq-blog-entry:hover { -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); }
.iq-entry-image { position: relative; }
.iq-entry-image img, .iq-entry-image .owl-carousel .owl-item img { width: 100%; }
.iq-entry-image .tag { position: absolute; left: 0; bottom: -1px; background: #0C2E45; padding: 5px 10px; color: #ffffff; z-index: 9; }
.iq-entry-image .tag i { margin-right: 5px; }
.iq-entry-image .date { position: absolute; right: 15px; top: 15px; background: #222222; -webkit-border-radius: 90%; -moz-border-radius: 90%; border-radius: 90%; height: 60px; width: 60px; color: #ffffff; font-size: 16px; text-align: center; line-height: normal; text-transform: uppercase; padding-top: 10px; z-index: 9; }
.iq-entry-image .date small { display: block; }
.iq-blog-detail { padding: 15px; border: 1px solid #fafafa; }
.iq-entry-title a h5 { -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
.iq-entry-title a:hover h5 { color: #0C2E45; }
.iq-entry-meta { display: inline-block; width: 100%; }
ul.iq-entry-meta { list-style: none; padding-left: 0; }
.iq-entry-meta li { float: left; margin-right: 15px; }
.iq-entry-meta li a { color: #666666; font-size: 15px; }
.iq-entry-meta li a:hover { color: #0C2E45; }
.iq-entry-meta li:last-child { margin-right: 0; }

/*---------------------------------------------------------------------
Clients
-----------------------------------------------------------------------*/
.iq-clients-box { display: inline-block; border-top: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; }
.iq-clients-box .clients .clients-brd { border: 1px solid #f2f2f2; }
.iq-clients-box ul { list-style: none; padding-left: 0; }
.iq-clients-box ul li { width: 33.33%; border-left: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; float: left; margin: 0; padding: 15px 0; text-align: center; }
.iq-clients-box ul li.small { width: 25%; }
.iq-clients-box ul li:nth-child(3n) { border-righ: 1px solid #f2f2f2; }

/*---------------------------------------------------------------------
Footer
-----------------------------------------------------------------------*/
.iq-footer .iq-full-contact { display: inline-block; width: 100%; }
.iq-footer .iq-map iframe { border: 0px; width: 100%; height: 450px; }
.iq-footer .contact-form .section-field, .contact-form .section-field { position: relative; width: 100%; float: left; }
.iq-footer .contact-form .section-field input { position: relative; width: 100%; margin-bottom: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding-left: 20px; height: 48px; line-height: 48px; clear: both; color: #222222; border: 1px solid #e1e1e1; }
.contact-form .g-recaptcha { margin-top: 15px; }
.iq-footer .contact-form .section-field input:focus, .iq-footer .contact-form .section-field.textarea textarea:focus { border: 1px solid #0C2E45; box-shadow: none; outline: none; }
.iq-footer .contact-form .section-field.textarea textarea { width: 100%; float: left; color: #222222; border: 1px solid #e1e1e1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 15px 0 0 20px; resize: none; }
.iq-footer #formmessage { display: none; }
.iq-footer .iq-contact-box .iq-icon { float: left; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px; height: 70px; width: 70px; line-height: 70px; text-align: center; margin-right: 15px; color: #ffffff; -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15); }
.iq-footer .iq-contact-box .iq-icon i { font-size: 30px; }
.iq-footer .iq-contact-box .iq-icon span { font-size: 30px; }
.iq-footer .iq-contact-box .iq-content { display: table-cell; }
.iq-footer .iq-media-blog { margin: 0; padding: 0; text-align: right; }
.iq-footer .iq-media-blog li { display: inline-block; list-style: none; padding: 0; margin: 0px 5px; }
.iq-footer .iq-media-blog li a { display: block; width: 45px; height: 45px; line-height: 45px; font-size: 16px; color: #666666; background: transparent; border: 1px solid #666666; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.iq-footer .iq-media-blog li a:hover { background: #0C2E45; border-color: #0C2E45; color: #ffffff; }
.iq-footer hr { margin: 0; padding: 0px; border-bottom: 1px solid #e9e9e9; border-top: 0px; }
.iq-footer .iq-copyright a { color: #222222; }
.iq-footer .iq-copyright a:hover { color: #0C2E45; }

/*---------------------------------------------------------------------
Coming Soon
-----------------------------------------------------------------------*/
.iq-coming-blog { padding: 150px 30px 600px 30px; }
.iq-coming .big-text { font-size: 60px; font-family: 'Raleway', sans-serif; text-transform: uppercase; color: #ffffff; line-height: 80px; }
.iq-coming img { width: 140px; }
.iq-coming .iq-subscribe .form-group { width: 73%; }
.iq-coming .iq-subscribe .form-control { -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; height: 48px; width: 100%; display: inline-block; padding-left: 25px; box-shadow: none; border: none; background: rgba(255, 255, 255, 0.8); }
.iq-coming .countdown-timer { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 20px; max-width: 300px; margin: 50px auto; }
.iq-coming .countdown-timer h5 { font-size: 14px; letter-spacing: 0.5px; text-align: center; padding-top: 10px; text-shadow: none; }
.iq-coming .countdown-timer .timer { padding: 10px; text-align: center; padding-top: 15px; }
.iq-coming .countdown-timer .timer .timer-wrapper { display: inline-block; width: 200px; height: 50px; }
.iq-coming .countdown-timer .timer .timer-wrapper .time { font-size: 80px; font-weight: bold; color: #333; margin: 0 50px; float: left; }
.iq-coming .countdown-timer .timer .timer-wrapper .text { font-size: 20px; }
.iq-coming #countdown { list-style: none; margin: 10px 0 30px 0; padding: 0; display: block; text-align: center; display: inline-block; }
.iq-coming #countdown li { display: inline-block; margin: 0 20px; }
.iq-coming #countdown li span { font-size: 50px; font-weight: 800; line-height: 80px; color: #ffffff; }
.iq-coming #countdown li.seperator { font-size: 50px; line-height: 40px; vertical-align: top; margin: 35px 0px; color: #ffffff; }
.iq-coming #countdown li h6 { color: #ffffff; font-size: 20px; padding-right: 30px; }
.iq-coming .particles-bg { position: relative; overflow: hidden; }
.iq-coming .particles-bg #canvas { position: absolute; display: block; color: rgba(255, 255, 255.0.9); }
.iq-coming #countdown li p { font-size: 16px; font-weight: 600; line-height: 24px; color: #ffffff; }
.iq-coming .button { margin-left: 0; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; padding: 11px 20px; }

/*---------------------------------------------------------------------
Property Details
-----------------------------------------------------------------------*/
.owl-carousel.arrow-1 .owl-nav { position: absolute; top: -50px; right: 0; }
.owl-carousel.arrow-1 .owl-nav i { background: #222222; color: #ffffff; font-size: 24px; width: 34px; height: 34px; line-height: 30px; display: inline-block; text-align: center; font-weight: normal; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
.owl-carousel.arrow-1 .owl-nav i:hover { background: #0C2E45; color: #ffffff; border-color: #0C2E45; }
.owl-carousel.arrow-1 .owl-prev, .owl-carousel.arrow-1 .owl-next { float: left; margin-left: 6px; }

/*************************************
Property information
**************************************/
.iq-map-info iframe { border: 0px; width: 100%; height: 607px; z-index: 1; float: left; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); }
.iq-information ul.listing-mark li { width: 48.5%; display: inline-block; }

/*---------------------------------------------------------------------
Breadcrumb Inner Page
-----------------------------------------------------------------------*/
.iq-breadcrumb { padding-top: 200px; padding-bottom: 100px; }
.iq-breadcrumb .heading-title { text-align: left; }
.iq-breadcrumb .heading-title .title:before { left: 0; margin-left: 0; }
.iq-breadcrumb .breadcrumb { z-index: 99; text-align: left; position: relative; color: #ffffff; margin-bottom: 0; display: inline-block; background: rgba(255, 255, 255, 0.4); padding: 15px 30px; }
.iq-breadcrumb .breadcrumb li { display: inline-block; }
.iq-breadcrumb .breadcrumb li a i { font-size: 18px; margin-right: 6px; }
.iq-breadcrumb .breadcrumb li, .iq-breadcrumb .breadcrumb li a:hover { color: #222222; }
.iq-breadcrumb .breadcrumb li a, .iq-breadcrumb .breadcrumb-item+.breadcrumb-item::before { color: #ffffff; margin-bottom: 0; }

/*---------------------------------------------------------------------
Blog Page
-----------------------------------------------------------------------*/
.iq-blog { overflow: hidden; }
.iq-blog-entry { margin-bottom: 20px; -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); }
.iq-blog-entry:hover { -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); }
.iq-entry-image { position: relative; }
.iq-blog-entry ul { padding-left: 0; }
.iq-entry-image img, .iq-entry-image .owl-carousel .owl-item img { width: 100%; }
.iq-entry-image .tag { position: absolute; left: 0; bottom: 0px; background: #0C2E45; padding: 5px 10px; color: #ffffff; z-index: 9; }
.iq-entry-image .tag i { margin-right: 5px; }
.iq-entry-image .date { position: absolute; right: 15px; top: 15px; background: #0C2E45; -webkit-border-radius: 90%; -moz-border-radius: 90%; border-radius: 90%; height: 60px; width: 60px; color: #ffffff; font-size: 16px; text-align: center; line-height: normal; text-transform: uppercase; padding-top: 10px; z-index: 9; }
.iq-entry-image .date small { display: block; }
.iq-blog-detail { padding: 15px; background: #ffffff; }
.iq-entry-title  h5 { -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
.iq-entry-title  h5 a { color: #0C2E45 !important; }
.iq-entry-title a:hover h5 { color: #0C2E45; }
.iq-entry-title a:hover { text-decoration: none !important; }
.iq-entry-meta { display: inline-block; width: 100%; }
.iq-entry-meta li { float: left; margin-right: 15px; list-style: none; }
.iq-entry-meta li a { color: #222222; font-size: 15px; }
.iq-entry-meta li a:hover { color: #0C2E45; }
.iq-entry-meta li:last-child { margin-right: 0; }
.iq-blog .text-line a { text-decoration: underline; }
.iq-blog .iq-blog-detail { background: none; }
.iq-blog-entry .tag.bottom-space { bottom: 28px; }
.iq-blog .iq-blog-entry.iq-blockquote .iq-blog-detail .date, .iq-blog .iq-blog-entry.iq-blockquote .iq-blog-detail .tag { background: #ffffff; padding: 6px 15px; margin-bottom: 15px; display: inline-block; color: #222222; }
.iq-blog .iq-blog-entry.iq-blockquote .iq-entry-meta li a { color: #ffffff; }
.iq-blog .iq-blog-entry.iq-blockquote .iq-entry-title h5 a { color: #ffffff !important; }
.iq-blog .iq-blog-entry.iq-blockquote.white .iq-font-black { color: #222222 !important; }

/*************************
Blog - SideBar
*************************/
.iq-post-sidebar { height: 100%; }
.iq-sidebar-widget ul { list-style: none; padding-left: 0; }
.iq-sidebar-widget { margin-bottom: 40px; padding: 20px 20px; border: 1px solid #ededed; }
.iq-sidebar-widget:last-child { margin-bottom: 0; }
.iq-sidebar-widget .iq-widget-title { padding-bottom: 10px; margin-bottom: 20px; font-size: 24px; }

/*Audio*/
.iq-blog-entry.iq-audio .players audio { width: 100%; position: absolute; padding: 10px; top: -80px; }
.iq-blog-entry .tag, .iq-blog-entry .date { background: #0C2E45; color: #ffffff; padding: 6px 15px; display: inline-block; }

/*video vimeo and youtube*/
.video-box { height: 0; padding-bottom: 55.5%; margin-bottom: 0px; position: relative; overflow: hidden; }
.video-box.vimeo { padding-top: 0; }
.video-box iframe, .video-box object, .video-box embed, .video-box video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; }

/*SideBar - Search*/
.iq-sidebar-widget .iq-widget-search { position: relative; }
.iq-sidebar-widget .iq-widget-search input { padding-right: 40px; box-shadow: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #2c3e50; height: 50px; border: 2px solid #f2f2f2; background: #ffffff; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
.iq-sidebar-widget .iq-widget-search input:focus { background: #ffffff; }
.iq-sidebar-widget .iq-widget-search i { position: absolute; right: 8px; color: #0C2E45; cursor: pointer; padding: 16px 12px; font-size: 18px; }
.iq-sidebar-widget .iq-widget-search input:focus { border-color: #0C2E45; }

/*SideBar - Posts*/
.iq-sidebar-widget .iq-recent-post { margin-top: 20px; }
.iq-sidebar-widget .iq-recent-post .media-body>a { display: block; font-size: 15px; font-weight: 600; color: #2c3e50; }
.iq-sidebar-widget .iq-recent-post .media-body>a:hover { color: #0C2E45; }
.iq-sidebar-widget .iq-recent-post .media-body span { color: #666666; }
.iq-sidebar-widget .iq-recent-post .media-body span .fa { color: #222222; margin-right: 5px; }

/* Meta - SideBar */
.iq-widget-archives li { margin: 10px 0; }
.iq-widget-archives li a { color: #666666; }
.iq-widget-archives li a i { font-size: 16px; margin-right: 5px; }
.iq-widget-archives li a:hover { margin-left: 5px; color: #0C2E45; }

/*widget-menu*/
.iq-sidebar-widget { position: relative; }
.iq-sidebar-widget ul li a { font-size: 14px; display: block; color: #222222; position: relative; }
.iq-sidebar-widget .iq-widget-menu i { padding-top: 4px; position: absolute; right: 18px; }
.iq-sidebar-widget ul li a span { padding: 5px 10px 5px 0; display: block; font-size: 16px; }
.iq-sidebar-widget ul li a span:hover { text-decoration: none; color: #0C2E45; }
.iq-sidebar-widget ul li.active { border-bottom: none; }
.iq-sidebar-widget ul li.hover a { color: #0C2E45; }
.iq-sidebar-widget ul li.hover a span { background: transparent; color: #0C2E45; }
.iq-sidebar-widget ul ul li a span { color: #222222; }
.iq-sidebar-widget ul ul li a span:hover { color: #0C2E45; }
.iq-sidebar-widget ul ul { display: none; padding-left: 20px; }
.iq-sidebar-widget ul ul a { display: block; color: #222222; font-size: 14px; }
.iq-sidebar-widget ul ul a:hover { color: #0C2E45; }
.iq-sidebar-widget ul li.active i { transform: rotate(90deg); }
.iq-sidebar-widget ul.iq-tag li { display: inline-block; margin: 5px 5px 5px 0; }
.iq-sidebar-widget ul.iq-tag li a { display: block; background: #f3f3f3; color: #222222; padding: 5px 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.iq-sidebar-widget ul.iq-tag li a:hover { background: #0C2E45; color: #ffffff; }

/* Comments Box */
.iq-blog-entry .iq-comment-list ul { padding-left: 60px !important; list-style: none; }
.iq-comment-list li { margin-top: 25px; margin-bottom: 0; vertical-align: top; padding: 0; position: relative; }
.iq-comment-list .iq-comments-media { padding: 15px 15px 30px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border-bottom: 1px solid #eeeeee; }
.iq-comment-list .iq-comments-media a { color: #222222; }
.iq-comment-list .iq-comments-media img { width: 85px; }
.iq-comment-list li:last-child .iq-comments-media { border-bottom: none; padding-bottom: 0; }
.iq-comment-list ul { padding-left: 60px; }
.iq-comment-list .reply { position: absolute; line-height: 22px; margin: 0; padding: 2px 16px; font-size: 11px; right: 0; top: 0; font-weight: 500; color: #ffffff !important; }
.iq-comment-list .reply:hover { color: #ffffff; }
.iq-comment-list .iq-comments-media .iq-comments-info .reply { color: #ffffff; }
.info-block img { width: 100px; }
.blog-contact .formmessage { display: none; }
.blog-contact .contact-form .section-field { width: 100%; float: left; }
.blog-contact .contact-form textarea { min-height: 140px; border: 1px solid #f6f6f6; background: #f6f6f6; width: 100%; padding-left: 20px; line-height: 45px; }
.blog-contact .contact-form .section-field input { width: 100%; margin-bottom: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding-left: 20px; height: 45px; line-height: 45px; clear: both; color: #222222; border: 1px solid #f6f6f6; background: #f6f6f6; }
.blog-contact .contact-form .section-field input:focus, .blog-contact .contact-form .section-field.textarea textarea:focus { border: 1px solid #0C2E45; box-shadow: none; outline: none; }

/*************************
Pagination Box
*************************/
.pagination-box .page-item { margin-left: -1px; }
.pagination-box .page-item .page-link { width: 50px; height: 50px; line-height: 50px; text-align: center; padding: 0; margin: 0; color: #222222; font-size: 18px; }
.pagination-box .page-item .page-link span { font-size: 24px; }
.pagination-box .page-item:hover .page-link, .pagination-box .page-item.active .page-link { background-color: #0C2E45; border-color: #0C2E45; color: #ffffff; }