/*

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

NOTE: You can use your styling layout by this file to your website.

*/


@media only screen and (max-width: 900px) {
  .some{ 
    display: none !important; 
  } 
}

@media only screen and (min-width: 900px) {
  .aparece{ 
    display: none !important; 
  } 
}

.imgespcifica {
	background-color: #fff; 
	margin-top: -150px;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.1);
	border-radius: 10px;
}

.imgespcifica img{margin-top: -70px;}


.blocosmart {
    position: relative;
    padding: 40px 30px;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}



/*---------------------------------------------------------------------
                            Special Features
-----------------------------------------------------------------------*/
.iq-amazing-tab .nav-tabs { border: none; }
.iq-amazing-tab .nav-tabs li { margin-top: 50px; margin-bottom: 0; float: left; display: inline-block; width: 100%; }
.iq-amazing-tab .nav-tabs li a { margin: 0; line-height: normal; 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: #0083f2; }
.iq-amazing-tab .nav-tabs li a:hover { color: #fff; border: none; background: #0083f2; }
.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: #0083f2; 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,131,242,0.8); }
.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: #0083f2; 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,131,242,0.8); }
.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: 50px; float: left; margin-right: 15px; color: #0083f2; }
.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; }
.iq-fancy-box-01.text-right h4 { display: inline-block; float: none; }


@media(max-width:1199px) {
	.banner-text h1 { font-size: 86px; line-height: 96px; letter-spacing: 0; }
	.iq-about .iq-pall-50 { padding: 30px 0 30px 50px !important; }
	.iq-app-info { padding: 30px 20% 0% 20%; }
	.home-screen-slide:before { width: 301px; }
	.home-screen-slide .owl-carousel .item { width: 235px; }
	.home-screen-slide { padding: 72px 0px 70px 36px; margin-left: -90px; }
	.iq-amazing-tab .nav-tabs li { margin-top: 20px; }
	.iq-fancy-box-01 { padding: 10px 30px; }
	.iq-fancy-box-01 h4 { font-size: 20px; }
	.iq-amazing-tab .tab-content { padding: 74px 30px 82px 36px; }
	.home-screen-slide .owl-carousel .item { width: 236px; }
	.iq-fancy-box-01 i { font-size: 40px; }
}