/*

Template: Appino - Responsive App Landing Page
Author: iqonicthemes.in
Version: 1.0
Design and Developed by: iqonicthemes.in

NOTE: This is main stylesheet of template, This file contains the styling for the actual Template. Please do not change anything here! write in a custom.css file if required!

*/

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



/*---------------------------------------------------------------------
                            Special Features
-----------------------------------------------------------------------*/
.iq-amazing-tab .nav-tabs { border: none; }
.iq-amazing-tab .nav-tabs li { margin-top: 88px; margin-bottom: 0; float: left; display: inline-block; width: 100%; }
.iq-amazing-tab .nav-tabs li a { margin: 0;    width: 315px; line-height: 1; border: none; border-radius: 0; padding: 0; color: #666; transition: all 0s ease-in-out; transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -ms-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; -webkit-transition: all 0s ease-in-out; }
.iq-amazing-tab .nav-tabs li.active a, .iq-amazing-tab .nav-tabs li.active a:hover, .iq-amazing-tab .nav-tabs li.active a:focus { color: #fff; border: none; left: -20px; background: rgba(0,58,119, 1); background: -moz-linear-gradient(left, rgba(0,58,119, 1) 0%, rgba(0,38,84, 1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,58,119, 1)), color-stop(100%, rgba(0,38,84, 1))); background: -webkit-linear-gradient(left, rgba(0,58,119, 1) 0%, rgba(0,38,84, 1) 100%); background: -o-linear-gradient(left, rgba(0,58,119, 1) 0%, rgba(0,38,84, 1) 100%); background: -ms-linear-gradient(left, rgba(0,58,119, 1) 0%, rgba(0,38,84, 1) 100%); background: linear-gradient(to right, rgba(0,58,119, 1) 0%, rgba(0,38,84, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#09b3ef', endColorstr='#1e50e2', GradientType=1); }
.iq-amazing-tab .nav-tabs li a:hover { color: #fff; border: none; background: rgba(0,58,119, 1); background: -moz-linear-gradient(left, rgba(0,58,119, 1) 0%, rgba(0,38,84, 1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,58,119, 1)), color-stop(100%, rgba(0,38,84, 1))); background: -webkit-linear-gradient(left, rgba(0,58,119, 1) 0%, rgba(0,38,84, 1) 100%); background: -o-linear-gradient(left, rgba(0,58,119, 1) 0%, rgba(0,38,84, 1) 100%); background: -ms-linear-gradient(left, rgba(0,58,119, 1) 0%, rgba(0,38,84, 1) 100%); background: linear-gradient(to right, rgba(0,58,119, 1) 0%, rgba(0,38,84, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#09b3ef', endColorstr='#1e50e2', GradientType=1); }
.iq-amazing-tab .nav-tabs li.active a .iq-fancy-box-01:before { content: ""; position: absolute; top: 50%; margin-top: -10px; left: -10px; width: 20px; height: 20px; display: inline-block; background: #09b3ef; border-radius: 90px; -webkit-box-shadow: 0px 0px 0px 5px rgba(247, 247, 247, 1); -moz-box-shadow: 0px 0px 0px 5px rgba(247, 247, 247, 1); box-shadow: 0px 0px 0px 5px rgba(247, 247, 247, 1); }
.iq-amazing-tab .nav-tabs li.active a .iq-fancy-box-01:after { content: ""; position: absolute; z-index: 9; top: 50%; margin-top: -1px; right: 100%; width: 100px; height: 2px; display: inline-block; background: rgba(0,38,84, 1); background: -moz-linear-gradient(left, rgba(0,38,84, 1) 0%, rgba(0,58,119, 1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,38,84, 1)), color-stop(100%, rgba(0,58,119, 1))); background: -webkit-linear-gradient(left, rgba(0,38,84, 1) 0%, rgba(0,58,119, 1) 100%); background: -o-linear-gradient(left, rgba(0,38,84, 1) 0%, rgba(0,58,119, 1) 100%); background: -ms-linear-gradient(left, rgba(0,38,84, 1) 0%, rgba(0,58,119, 1) 100%); background: linear-gradient(to right, rgba(0,38,84, 1) 0%, rgba(0,58,119, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e50e2', endColorstr='#09b3ef', GradientType=1); }
.nav-tabs li.active a.round-right, .nav-tabs li.active a.round-right:hover, .nav-tabs li.active a.round-right:focus { right: -20px; left: inherit; }
.iq-amazing-tab .nav-tabs li.active a.round-right .iq-fancy-box-01:before { background: #1e50e2; right: -10px; left: inherit; }
.iq-amazing-tab .nav-tabs li.active a.round-right .iq-fancy-box-01:after { right: inherit; left: 100%; background: rgba(0,38,84, 1); background: -moz-linear-gradient(left, rgba(0,38,84, 1) 0%, rgba(0,58,119, 1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,38,84, 1)), color-stop(100%, rgba(0,58,119, 1))); background: -webkit-linear-gradient(left, rgba(0,38,84, 1) 0%, rgba(0,58,119, 1) 100%); background: -o-linear-gradient(left, rgba(0,38,84, 1) 0%, rgba(0,58,119, 1) 100%); background: -ms-linear-gradient(left, rgba(0,38,84, 1) 0%, rgba(0,58,119, 1) 100%); background: linear-gradient(to right, rgba(0,38,84, 1) 0%, rgba(0,58,119, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e50e2', endColorstr='#09b3ef', GradientType=1); }
.nav-tabs li.active a h4, .nav-tabs li.active a:hover h4, .nav-tabs li.active a:focus h4, .nav-tabs li.active a i, .nav-tabs li.active a:hover i, .nav-tabs li.active a:focus i { color: #fff; }
.iq-amazing-tab .nav-tabs li a:hover h4 { color: #fff; }
.iq-amazing-tab .nav-tabs li a:hover i { background: none; color: #fff; -webkit-background-clip: text; -webkit-text-fill-color: snow; }
.iq-amazing-tab .tab-content { background: url('../images/screenshots/phone.png') no-repeat top center; padding: 87px 36px 99px 44px; background-size: 100% 100%; }
.iq-amazing-tab .tab-content .tab-pane img { width: 100%; }

/* fancy box 01 */
.iq-fancy-box-01 { padding: 10px 30px; -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); }
.iq-fancy-box-01 i { font-size: 43px; float: left; margin-right: 15px; color: #09b3ef; margin-top: 5px;}
.iq-fancy-box-01 h4 { margin: 15px 0 0; float: left; display: inline-block; }
.fancy-content-01 { display: inline-block; width: 100%; }
.fancy-content-01 p { line-height: 24px; }

/* fancy box 01 Right icon */
.iq-fancy-box-01.text-right i { float: right; margin-left: 15px; margin-right: 0; margin-top: 5px;}
.iq-fancy-box-01.text-right h4 { display: inline-block; float: none; }