/*-----------------------------------------------------------------------------------

    Template Name: Appro HTML5 Template,
    Template URI: http://appro.intimissibd.com
    Description: This is html5 template
    Author: ThemeCTG
    Author URI: http://themectg.com
    Version: 1.0

-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
    1. Google font
	2. Theme Default CSS (body, link color, section etc)   
-----------------------------------------------------------------------------------*/


/*-----------------
1. Google font
------------------*/

@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');
/*@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');
*/
/*-------------------
2. Theme Default CSS
--------------------*/

.alignleft {
    float: left;
    margin-right: 15px;
}

.alignright {
    float: right;
    margin-left: 15px;
}

.aligncenter {
    display: block;
    margin: 0 auto 15px;
}

.fix {
    overflow: hidden;
}

a {
    text-decoration: none;
    outline: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #303030;
}

.btn.focus,
.btn:focus,
.btn:hover,
input:focus,
button:focus,
a:focus,
a:hover {
    text-decoration: none;
    outline: none;
    color: inherit;
}

img {
    max-width: 100%;
    height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 10px;
    font-weight: 600;
}

h1 {
    font-size: 40px;
}

p span,
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
    color: #2fccd0;
}

html,
body {
    height: 100%
}

body {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.6;
    color: #606060;
}


/* Remove Chrome Input Field's Unwanted Yellow Background Color */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

#maps {
    width: 100%;
    height: 500px;
}

/*.navbar-nav > li > a{ font:400 15px/17px 'Lato', sans-serif; color:#000000;}*/
/*.item h1{ font:700 63px/65px 'Lato', sans-serif; text-transform:uppercase;}
.item h2{ font:300 39px/42px 'Lato', sans-serif; text-transform:capitalize;}
.item p{ font:400 18px/24px 'Lato', sans-serif;}*/
.navbar-brand{ padding:6px 15px}

.video-sec{ background:#001d2c;}
.blue-text{ color:#0396df;}
.blk-text{ color:#000;}
.white-text{ color:#fff;}
/*.b-text{ font:700 45px/50px 'Lato', sans-serif;}*/
.ttc{ text-align:center;}
.video-blog{ margin: -30px auto 0;width: 70%;text-align: center;bottom: -45px;position: relative;}
.work-bg{ background:url(images/work-sec.jpg) no-repeat 50% 0 fixed; background-size:cover; color:#fff;}
.price-bg{ background:url(images/work-sec.jpg) no-repeat 50% 0 fixed; background-size:cover;}
.media-right,.media-left{ width:70px;}
/*.panel-title{ font-size:24px !important;}*/
.big-button{ box-shadow:0 0 0 2px rgba(255, 255, 255, 1); min-width:200px; font-size:15px;}
.section-bg img{ opacity:0.9;}

/*.panel-box{ width:33.333%; float:left; background:#f8f8f8; position:relative;}
.panel-box:hover{ box-shadow:0 0 8px #000; z-index:1;}*/
.no-space{ padding:0 !important; margin:0 !important;}
/*strong.amount{ font-size:70px;}
span.big{ font-size:73px;}*/

.panel-box .btn.btn-link{ border-color:#9fa3a7 !important; color:#9fa3a7;}
/*.text-sec{ float:left; width:50%;}*/
.img-ro{ float:right; width:48%;}
.owl-dots{ margin:0 auto; display:table;}
.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot{ width:10px; height:10px; background:#fff; border-radius:100%; border-radius:100%; margin:0 5px 0 0; float:left;}

.btn-block.logbtn{ padding:0 30px; border:solid 1px #fff; border-radius:25px; line-height:35px; color:#fff; margin:20px 0 0; display:inline-block !important; width:auto;}
.navbar-nav{ padding-top:5px;}
.list-unstyled{ padding:15px 0;}
.banner{ position:relative;}
.banner-text{ position:absolute; width:1200px; left:50%; top:50%; transform:translate(-50%,-50%);}
.text-sec{ width:500px; color:#fff;}
.ti-website{}

.section-video{ display:none;}
.down-offset { position:relative;}
.img-gf{ position:absolute; left:50%; top:-13%; width:100%; text-align:center; transform:translate(-50%, -50%);}


@media only screen and (max-width: 1198px) {
span.big{ font-size:54px;}
.banner-text{ width:1000px;}
}


@media only screen and (max-width: 990px) {
.navbar-brand{ width:176px;}
#mainmenu ul.nav.navbar-nav li a {padding: 10px 7px !important;}

.panel-box{ width:80%; float:none; margin:0 auto;}
.item{ width:748px;}
.text-sec{ width:400px;margin-left: 40px; }
body{ line-height:1.3; padding:6px 0 0;}
.btn-block.logbtn{ margin:5px 0 0;}
.banner-text{ top:40%;}

}


@media only screen and (max-width: 740px) {
.video-blog{ width:98%;}
.b-text{ font-size:30px; line-height:34px;}
.panel-box{ width:100%;}
.big-button.alignright, .big-button.alignleft{ float:none; display: block;
margin: auto;
width: 180px;}
.item h1{ font-size:35px; line-height:38px;}
.item h2{ font-size:30px; line-height:34px;}
.space-100{ height:80px;}
#mainmenu ul.nav.navbar-nav li+li{ border-top:solid 1px #fff;}
#mainmenu ul.nav.navbar-nav li a{ text-align:left !important;}
#mainmenu li a::before{ left:17px;}
.mainmenu-area{ padding:5px 0;}
.navbar-brand{width:203px; padding:13px 15px 0;}
.text-sec{ float:none; width:100%;}
.img-ro{ float:none; width:100%; text-align:center;}
.banner-text{ width:98%;}
.text-sec p{ display:none;}
.banner-text h2{ font-size:17px; line-height:20px;}
.banner-text h1{ font-size:24px; line-height:24px;}
.btn-block.logbtn{ line-height:30px; padding:0 25px; margin:0;}
.img-gf{ top:-42%;}
.rltm{ padding:0 0 90px;}

}


@media only screen and (max-width: 450px) {
.banner-text{ width:96%;}
.rltm{ padding:0 0 20px;}
.img-gf{ top:-63%;}
}