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

/*================================================
[  Table of contents  ]
================================================
:: Back to Top
:: Typography
:: List Style
:: About Us
:: Why We Are
:: Skill
:: Services
:: Testimonial
:: Blog
:: Footer
:: Action-box
:: Coming Soon
:: About Us
:: About Our Business
:: Counter
:: Working Hours
:: Owl-carousel
:: Services Detail Page
:: Team Detail Page
:: Contact Page
======================================
[ End table content ]
======================================*/
/*---------------------------------------------------------------------
Google Fonts
-----------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Muli:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

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

/*---------------------------------------------------------------------
General
-----------------------------------------------------------------------*/


body { font-family: 'Poppins', 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: 'Muli', sans-serif; }
section { padding: 100px 0; }
.container-fluid { padding: 0 150px; }
.lead { font-size: 16px; }


/*---------------------------------------------------------------------
Back to Top
-----------------------------------------------------------------------*/
#back-to-top .top { z-index: 9999; position: fixed; margin: 0px; color: #ffffff; background: #058ebb; 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: #058ebb; 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 #058ebb; 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: #058ebb; content: ""; font-family: 'FontAwesome'; left: 0; top: 0; }
ul li.dark:after { color: #222222; }

/*-------------------------------------------------------------------
Banner 
------------------------------------------------------------------*/
.forcefullwidth_wrapper_tp_banner{overflow: hidden;}
/*---------------------------------------------------------------------
About Us
-----------------------------------------------------------------------*/
.aboutus { overflow: hidden; }
.aboutus p { font-size: 16px; line-height: 30px; }

/*************************************
Listing Check
**************************************/
ul.listing-mark { padding: 0; display: inline-block; }
ul.listing-mark li { position: relative; list-style-type: none; padding-left: 25px; margin: 10px 0; width: 33%; float: left; font-size: 16px; line-height: 26px; }
ul.listing-mark li:after { content: "\f00c"; }

/*---------------------------------------------------------------------
Why We Are
-----------------------------------------------------------------------*/
.iq-whywe { position: relative; margin-bottom: -243px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background: #ffffff; border-radius: inherit; -webkit-box-shadow: 0px 0px 53px 3px rgba(0, 0, 0, 0.19); -moz-box-shadow: 0px 0px 53px 3px rgba(0, 0, 0, 0.19); box-shadow: 0px 0px 53px 3px rgba(0, 0, 0, 0.19); }
.iq-whywe .why-box { padding: 30px; }

/*---------------------------------------------------------------------
Skill
----------------------------------------------------------------------*/
.iq-skill { padding: 50px 30px; }
.iq-skill h3 { text-transform: capitalize; margin-bottom: 15px; }
.iq-skill .skill-blog { background-color: #ffffff; width: 100%; height: 6px; margin: 60px 0 20px 0; }
.iq-skill .progress-bar { background: rgba(7, 94, 152, 1); background: -moz-linear-gradient(-45deg, rgba(7, 94, 152, 1) 0%, rgba(5, 142, 187, 1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(7, 94, 152, 1)), color-stop(100%, rgba(5, 142, 187, 1))); background: -webkit-linear-gradient(-45deg, rgba(7, 94, 152, 1) 0%, rgba(5, 142, 187, 1) 100%); background: -o-linear-gradient(-45deg, rgba(7, 94, 152, 1) 0%, rgba(5, 142, 187, 1) 100%); background: -ms-linear-gradient(-45deg, rgba(7, 94, 152, 1) 0%, rgba(5, 142, 187, 1) 100%); background: linear-gradient(135deg, rgba(7, 94, 152, 1) 0%, rgba(5, 142, 187, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#075e98', endColorstr='#058ebb', GradientType=1); height: 100%; box-shadow: none; padding: 0px; display: inherit; transition: width .9s ease; -webkit-transition: width .9s ease; -o-transition: width .9s ease; -ms-transition: width .9s ease; -moz-transition: width .9s ease; }
.iq-skill .heading { position: absolute; color: #222222; font-size: 15px; text-align: left; font-weight: 400; margin-top: -28px; margin-left: 0; text-transform: uppercase; }
.iq-skill .heading > i { margin-right: 8px; }
.iq-skill .progress-bar .progress-type, .iq-skill .progress-bar .progress-number { position: relative; color: #ffffff; float: right; top: -15px; font-size: 14px; margin-top: -18px; background: #222222; width: 20px; display: inline-block; padding: 0 3px }
.iq-skill .progress-bar.white .progress-type, .iq-skill .progress-bar.white .progress-number { color: #222222; background: #ffffff; }
.iq-skill .progress-bar.white .progress-type:before { border-top: 8px solid rgba(255, 255, 255, 1.0); border-left: 10px solid transparent; }
.iq-skill .progress-bar .progress-type:before { content: ""; position: absolute; z-index: 9; bottom: -8px; left: 10px; height: 0; width: 0; border-top: 8px solid rgba(34, 34, 34, 1.0); border-left: 10px solid transparent; }

/*---------------------------------------------------------------------
Services
-----------------------------------------------------------------------*/
.services { background: #ffffff; overflow: hidden; margin-top: 180px; }
.iq-feature { display: inline-block; margin: 15px 0; padding-right: 30px; margin-top: 20px; line-height: 28px; }
.iq-feature .icon i { font-size: 60px; color: #075e98; }
.iq-feature span.icon-small i { font-size: 50px; color: #075e98; line-height: 50px; vertical-align: middle; margin-right: 15px; }
.iq-feature h5 { font-weight: 800; font-size: 22px; }
.iq-feature p { margin-top: 5px; }

/* ----------------------------------------------------------------------
Testimonial
-------------------------------------------------------------------------*/
.testi-bg { background: rgba(7, 94, 152, 1); background: -moz-linear-gradient(-45deg, rgba(7, 94, 152, 1) 0%, rgba(5, 142, 187, 1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(7, 94, 152, 1)), color-stop(100%, rgba(5, 142, 187, 1))); background: -webkit-linear-gradient(-45deg, rgba(7, 94, 152, 1) 0%, rgba(5, 142, 187, 1) 100%); background: -o-linear-gradient(-45deg, rgba(7, 94, 152, 1) 0%, rgba(5, 142, 187, 1) 100%); background: -ms-linear-gradient(-45deg, rgba(7, 94, 152, 1) 0%, rgba(5, 142, 187, 1) 100%); background: linear-gradient(135deg, rgba(7, 94, 152, 1) 0%, rgba(5, 142, 187, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#075e98', endColorstr='#058ebb', GradientType=1); padding: 80px 50px 125px 50px; }
.iq-testimonial h3 { margin-bottom: 30px; }
.iq-testimonial .owl-prev, .iq-testimonial .owl-next { float: left; }
.iq-testimonial .owl-prev i, .iq-testimonial .owl-next i { color: #dddddd; }
.iq-testimonial .owl-prev:hover i, .iq-testimonial .owl-next:hover i { color: #222222; }
.iq-testimonial .owl-prev .fa-angle-left:before { content: "\f177"; float: left; }
.iq-testimonial .owl-next .fa-angle-right:before { content: "\f178"; float: left; margin-left: 10px; }
.iq-testimonial .feedback .iq-avtar { width: 60px; display: inline-block; text-align: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; float: left; margin-right: 20px; }
.iq-testimonial .feedback .iq-avtar img { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
.iq-testimonial .feedback .iq-info { position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.iq-testimonial .avtar-name span { color: #ffffff; }
.iq-testimonial .feedback .iq-info.brd-none { border: none; }
.iq-testimonial .feedback .iq-info.light { background: rgba(255, 255, 255, 0.2); border: none; }
.iq-testimonial .feedback .iq-info.light:before { border-top: 15px solid rgba(255, 255, 255, 0.2); }
.iq-testimonial .feedback .title { font-size: 18px; }
.iq-testimonial .feedback p { margin-bottom: 0px; font-style: italic; color: #ffffff; }
.iq-testimonial .iq-star i { margin-right: 4px; }
.iq-testimonial .owl-controls { position: relative; width: 100%; position: relative; top: 30px; left: 0px; }
.iq-testimonial .iq-brd { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.iq-testimonial .testi-white { background: #ffffff; padding: 30px 30px 100px 30px; }
.iq-testimonial .testi-white .feedback .iq-info { padding: 20px 0; }

/*---------------------------------------------------------------------
Blog
-----------------------------------------------------------------------*/
.iq-blog { overflow: hidden; }
.iq-blog-entry { margin-bottom: 30px; -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: rgba(7, 94, 152, 1); background: -moz-linear-gradient(-45deg, rgba(7, 94, 152, 1) 0%, rgba(5, 142, 187, 1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(7, 94, 152, 1)), color-stop(100%, rgba(5, 142, 187, 1))); background: -webkit-linear-gradient(-45deg, rgba(7, 94, 152, 1) 0%, rgba(5, 142, 187, 1) 100%); background: -o-linear-gradient(-45deg, rgba(7, 94, 152, 1) 0%, rgba(5, 142, 187, 1) 100%); background: -ms-linear-gradient(-45deg, rgba(7, 94, 152, 1) 0%, rgba(5, 142, 187, 1) 100%); background: linear-gradient(135deg, rgba(7, 94, 152, 1) 0%, rgba(5, 142, 187, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#075e98', endColorstr='#058ebb', GradientType=1); 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: #075e98; -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: #075e98 !important; }
.iq-entry-title a:hover h5 { color: #075e98; }
.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: #075e98; }
.iq-entry-meta li:last-child { margin-right: 0; }
.iq-blog .text-line a { text-decoration: underline; }

/*************************
blog with white bg
*************************/
.iq-blog-entry.iq-blockquote.white.index-black h5 a { color: #075e98 !important; }
.iq-blog-entry.iq-blockquote.white.index-black .iq-entry-meta a { color: #222222; }
.iq-blog-entry.iq-blockquote.white { position: relative; -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.iq-blockquote.white .iq-entry-title h5 a, .iq-blog-entry.iq-blockquote.white .iq-entry-meta a { color: #222222; }
.iq-blog-entry.iq-blockquote.white .iq-entry-title h5 a:hover, .iq-blog-entry.iq-blockquote.white .iq-entry-meta a:hover { color: #075e98; }
.iq-blog-entry.iq-blockquote.white .iq-entry-content { color: #222222; }

/*---------------------------------------------------------------------
Footer
-----------------------------------------------------------------------*/
.iq-footer { color: #ffffff; }
.iq-footer .footer-top { background: #222222; }
.iq-footer hr { margin: 0; border-top: 0px; padding: 0px; border-bottom: 1px solid #323232; }
.iq-footer .logo img { width: 200px; }
.iq-footer ul { list-style: none; padding-left: 0; }

/*Menu*/
.iq-footer .menu li { display: block; border-bottom: 0px; margin-bottom: 10px; line-height: 24px; padding: 0; }
.iq-footer .menu li a { color: #ffffff; }
.iq-footer .menu li a:hover, .iq-footer .menu li.active a { color: #075e98; }

/*Link*/
.iq-footer .link li a { color: #ffffff; }
.iq-footer .link li a:hover { color: #075e98; text-decoration: inherit !important; }

/*Social Media*/
.iq-footer .iq-media-blog li { margin: 0 0 0 4px; }
.iq-footer .iq-media-blog li a { height: 45px; width: 45px; font-size: 18px; line-height: 45px; background: rgba(7, 94, 152, 1); background: -moz-linear-gradient(-45deg, rgba(7, 94, 152, 1) 0%, rgba(5, 142, 187, 1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(7, 94, 152, 1)), color-stop(100%, rgba(5, 142, 187, 1))); background: -webkit-linear-gradient(-45deg, rgba(7, 94, 152, 1) 0%, rgba(5, 142, 187, 1) 100%); background: -o-linear-gradient(-45deg, rgba(7, 94, 152, 1) 0%, rgba(5, 142, 187, 1) 100%); background: -ms-linear-gradient(-45deg, rgba(7, 94, 152, 1) 0%, rgba(5, 142, 187, 1) 100%); background: linear-gradient(135deg, rgba(7, 94, 152, 1) 0%, rgba(5, 142, 187, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#075e98', endColorstr='#058ebb', GradientType=1); text-align: center; color: #ffffff; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; float: left; border: 1px solid #075e98; }
.iq-footer .iq-media-blog li a:hover { background: rgba(2, 216, 113, .0); color: #075e98; }

/*footer-widget*/
.iq-footer .iq-contact li { font-size: 14px; color: #ffffff; margin-bottom: 15px; }
.iq-footer .iq-contact i { color: #075e98; float: left; display: table-cell; width: 30px; line-height: 23px; font-size: 32px; }
.iq-footer .iq-contact p { display: table; color: #ffffff; margin-bottom: 0px; padding-left: 5px; }

/*Tweeter*/
.iq-footer .owl-carousel .owl-nav { opacity: 1; top: inherit; top: 15%; bottom: inherit; }
.iq-footer .owl-carousel .owl-nav .owl-next { right: 20%; }
.iq-footer .owl-carousel .owl-nav .owl-prev { left: 20%; }
.iq-footer .owl-carousel:hover .owl-nav .owl-prev { left: 20%; }
.iq-footer .owl-carousel:hover .owl-nav .owl-next { right: 20%; }
.iq-footer .tweet-img { float: left; display: table; }
.iq-footer .tweet-img img { vertical-align: middle; width: 70px; height: 60px; }
.iq-footer .tweet-info { display: table-cell; padding-left: 15px; }
.iq-footer .tweet-info a { color: #ffffff; font-size: 14px; vertical-align: top; }
.iq-footer .tweet-info a:hover { color: #075e98; }
.iq-footer .tweet-info span { font-size: 12px; display: table; padding-top: 5px; }
.iq-footer .tweet-info i { font-size: 14px; padding-right: 5px; }

/*Copyright*/
.iq-footer .iq-copyright { text-align: right; }
.iq-footer .iq-copyright a { color: #075e98; }
.iq-footer .iq-copyright a:hover { color: #ffffff; }

/*---------------------------------------------------------------------
action-box
-----------------------------------------------------------------------*/
.action-box h1 { font-size: 46px; line-height: 64px; }
.action-box img { width: 65%; }

/*---------------------------------------------------------------------
Coming Soon
-----------------------------------------------------------------------*/
.iq-coming .iq-coming-blog { height: 800px; }
.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: 40%; }
.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: #222222; margin: 0 50px; float: left; }
.iq-coming .countdown-timer .timer .timer-wrapper .text { font-size: 20px; }
.iq-coming #countdown { list-style: none; margin: 20px 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; }

/*Social Media*/
.iq-coming .iq-media-blog li { margin: 0px; margin-left: 0; }
.iq-coming .iq-media-blog li a { height: 45px; width: 45px; font-size: 18px; line-height: 45px; background: rgba(5, 142, 187, 1.0); text-align: center; color: #ffffff; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; float: left; border: 1px solid #075e98; }
.iq-coming .iq-media-blog li a:hover { background: rgba(2, 216, 113, .0); color: #075e98; }

/*---------------------------------------------------------------------
About Us 
-----------------------------------------------------------------------*/
.container-fluid.no-space { width: 100%; padding: 0; overflow: hidden; }

/*---------------------------------------------------------------------
About Our Business
-----------------------------------------------------------------------*/
.about-content ul { margin-left: 0; }
.about-content ul li { width: 49%; display: inline-block; }
.about-content ul li img { float: left; margin-right: 10px; }
.about-content ul li span { display: table; font-weight: bold; line-height: normal; }
.about-content ul li span b { display: block; font-size: 26px; line-height: normal; margin-bottom: 0px; }

/*---------------------------------------------------------------------
Counter
-----------------------------------------------------------------------*/
.iq-count-box { padding-left: 80px; padding-right: 80px; }
.iq-counter { padding: 30px 0; margin-top: 50px; }
.iq-counter .left { width: 80px; height: 80px; float: left; text-align: center; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px; }
.iq-counter .left i { line-height: normal; color: #ffffff; }
.iq-counter i:before { font-size: 60px; line-height: normal; }
.iq-counter .timer { font-size: 40px; color: #ffffff; font-weight: 600; }
.iq-counter.brd { border: 1px solid #f2f2f2; }
.iq-counter .iq-lead { color: #ffffff; }

/*---------------------------------------------------------------------
Working Hours
-----------------------------------------------------------------------*/
.iq-time-blog { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 40px 5px 50px 5px; color: #ffffff; background: rgba(255, 255, 255, 0); -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-time-blog:hover { background: rgba(255, 255, 255, 1.0); color: #222222; }
.iq-time-blog.brd { border: 1px solid #ffffff; }
.iq-time-blog .day { font-size: 20px; }
.iq-time-blog .time { position: relative; padding-top: 15px; top: 20px; font-size: 13px; }
.iq-time-blog .time:before { position: absolute; content: ""; background: #ffffff; height: 2px; width: 30px; left: 50%; margin-left: -15px; top: 0; -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-time-blog:hover .time:before { background: #222222; }
.iq-time-blog.dark { border: 1px solid #058ebb; color: #222222; background: rgba(2, 216, 113, 0); }
.iq-time-blog.dark:hover { border: 1px solid #058ebb; color: #ffffff; background: rgba(7, 94, 152, 1.0); }
.iq-time-blog.dark .time:before { position: absolute; content: ""; background: #222222; height: 2px; width: 30px; left: 50%; margin-left: -15px; top: 0; -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-time-blog.dark:hover .time:before { background: #ffffff; }

/*---------------------------------------------------------------------
owl-carousel
-----------------------------------------------------------------------*/
.owl-carousel.arrow-1 .owl-nav { position: absolute; display: block; text-indent: inherit; margin-top: -22px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); left: 0; width: 100%; cursor: pointer; z-index: 999; opacity: 0; }
.owl-carousel.arrow-1 .owl-nav i { background: #ffffff; color: #075e98; border: 1px solid #e3e3e3; font-size: 20px; width: 44px; height: 44px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; box-shadow: -1px 6px 13px rgba(0, 0, 0, 0.1); display: inline-block; line-height: 42px; padding-left: 2px; 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: #075e98; color: #ffffff; border-color: #075e98; }
.owl-carousel.arrow-1 .owl-nav .owl-prev { position: absolute; display: block; cursor: pointer; width: auto; text-indent: inherit; left: 0px; -webkit-transition: opacity 0.5s ease 0s, left 0.5s ease 0s; -moz-transition: opacity 0.5s ease 0s, left 0.5s ease 0s; -ms-transition: opacity 0.5s ease 0s, left 0.5s ease 0s; -o-transition: opacity 0.5s ease 0s, left 0.5s ease 0s; transition: opacity 0.5s ease 0s, left 0.5s ease 0s; }
.owl-carousel.arrow-1 .owl-nav .owl-next { position: absolute; display: block; cursor: pointer; width: auto; text-indent: inherit; right: 0px; -webkit-transition: opacity 0.5s ease 0s, right 0.5s ease 0s; -moz-transition: opacity 0.5s ease 0s, right 0.5s ease 0s; -ms-transition: opacity 0.5s ease 0s, right 0.5s ease 0s; -o-transition: opacity 0.5s ease 0s, right 0.5s ease 0s; transition: opacity 0.5s ease 0s, right 0.5s ease 0s; }
.owl-carousel.arrow-1:hover .owl-nav { opacity: 1; }
.owl-carousel.arrow-1:hover .owl-nav .owl-prev { left: 20px; }
.owl-carousel.arrow-1:hover .owl-nav .owl-next { right: 20px; }

/* 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: #075e98; }
.owl-carousel.owl-theme .owl-dots .owl-dot.active span { background: #075e98; width: 30px; }

/*---------------------------------------------------------------------
Services Detail Page
-----------------------------------------------------------------------*/
ul.services-list li, .services-details ul.listing-mark li { margin: 0; width: 100%; font-size: 14px; line-height: 24px; }

/*---------------------------------------------------------------------
Team Detail Page
-----------------------------------------------------------------------*/
.team-detail .iq-skill { padding: 30px 0px; }
.team-detail a { color: #075e98; }
.team-detail .team-device { position: relative; }
.team-detail .team-device-blog4 { position: absolute; top: 70px; height: 100%; left: 0; }
.team-detail .iq-media-blog { margin: 0; padding: 0; text-align: left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.team-detail  ul { list-style: none; padding-left: 0; }
.team-detail .iq-media-blog li { display: inline-block; list-style: none; padding: 0; margin: 0px 4px; }
.team-detail .iq-media-blog li a { display: block; width: 30px; height: 45px; line-height: 45px; font-size: 18px; color: #333; }
.team-detail .iq-media-blog li a:hover { color: #075e98; }

/*---------------------------------------------------------------------
Contact Page
-----------------------------------------------------------------------*/
.iq-contact .iq-map iframe { border: 0px; width: 100%; height: 350px; }
.iq-contact .iq-get-in { position: relative; margin-top: -12%; -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15); }
.iq-contact .contact-form .section-field { position: relative; width: 100%; float: left; }
.iq-contact .contact-form .section-field input { position: relative; width: 100%; margin-bottom: 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding-left: 20px;padding-right: 20px; height: 45px; line-height: 45px; clear: both; border: 1px solid #f6f6f6; background: #f6f6f6; }
.iq-contact .contact-form .section-field input:focus,.iq-contact .contact-form .section-field input:hover, .contact-form .section-field.textarea textarea:focus,.iq-contact .contact-form .section-field.textarea textarea:hover { border: 1px solid #075e98; box-shadow: none; outline: none; background: #f6f6f6; }
.iq-contact .contact-form .section-field.textarea textarea { width: 100%; float: left; color: #222222; border: 1px solid #f6f6f6; background: #f6f6f6; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 15px 20px 0 20px; resize: none; }
.iq-contact #formmessage { display: none; }
.iq-contact .contact-info { position: relative; }
.iq-contact .contact-info:before { content: ""; position: absolute; height: 100%; width: 1px; left: 15px; top: 0; background: #e5e5e5; }
.iq-contact .info-share { margin: 40px 0 0; padding: 0; text-align: left; }
.iq-contact .info-share li { display: inline-block; list-style: none; padding: 0; margin: 0px 5px; width: inherit; }
.iq-contact .info-share 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-contact .info-share li a:hover { background: #075e98; border-color: #075e98; color: #ffffff; }
.iq-contact i { font-size: 20px; }
.iq-contact .heading-left { position: relative; }
.iq-contact .heading-left:before { content: ""; position: absolute; bottom: 0px; left: 0; width: 40px; height: 4px; background: #075e98; display: inline-block; }
.iq-contact .left { width: 70px; height: 70px; float: left; margin-right: 10px; text-align: center; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; }
.iq-contact .left i { color: #075e98; font-size: 50px; display: block; line-height: 60px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; }
.iq-contact .contact-box .right { display: table-cell; margin-top: 10px; vertical-align: top; }
.iq-contact .contact-box .right p { margin-top: 0px; }