/* Author: bootstrapthemes Author URI: http://bootstrapthemes.co */ /* ========================================================================== Author's custom styles ========================================================================== */ html, body { background-color: #f4f8fb; font-size: 15px; color: #565656; width: 100%; padding: 0; margin-left: 0; margin-right: 0; font-family: 'open_sansregular', sans-serif; font-weight: 300; } /*========================================== PRE LOADER ==========================================*/ .preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fefefe; z-index: 99999; height: 100%; width: 100%; overflow: hidden !important; } .loaded { width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; background-image: url(../images/loading.gif); background-repeat: no-repeat; background-position: center; -moz-background-size: cover; background-size: cover; margin: -20px 0 0 -20px; } img { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; user-drag: none; } a, a:hover, a:active, a:focus { text-decoration: none; outline: none; } a, button, a span { -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } .btn.extra-width { padding: 13px 40px; } .btn:focus, .btn:active { outline: inherit; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* direction: rtl;*/ } p { margin: 0 0 15px; } a{ font-family: 'open_sansregular'; } .clear { clear: both; } img { max-width: 100%; } textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { outline: none; } .form-control { border: 1px solid rgba(0, 0, 0, 0.08); font-size: 16px; height: 45px; } .form-control { display: inline-block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .form-control:focus { border-color: #f56363; } h1, h2, h3 { font-weight: 300; margin: 0; } h4, h5 { font-weight: 300; margin: 0; line-height: 2rem; } h1 { font-size: 4.375rem; line-height: 4rem; font-weight: 300; font-family: 'open_sanslight'; color:#fff; } h2 { font-size:2.5rem; line-height: 3rem; font-family: 'open_sanslight'; margin-bottom: 35px; } h3 { font-size:1.875rem; line-height: 2.5rem; font-family: 'open_sanslight'; margin-bottom:30px; } h4 { font-size: 1.6rem; line-height: 2.2rem; margin-bottom: 1.1rem; font-family: 'open_sanslight'; } h5 { font-size: 1.249375rem; margin-bottom: 1rem; color:#696f7c; font-family: 'open_sanslight'; } h6 { font-size: 1rem; margin-bottom: .9rem; } p { line-height: 1.875rem; font-size: 1.125rem; font-family: 'open_sansregular'; } p:last-child { margin-bottom: 0px; } /*.home-wrap h1,*/ .home-wrap h2, .home-wrap h3, .home-wrap h4, .home-wrap h5, .home-wrap p { color: #ffffff; /*font-family: 'roboto', sans-serif;*/ } .text { color: #333333; } .colorstext { color: #f56363; } .coloricon i { color: #f56363; } .colorsbg { background: #f56363; color: #ffffff; } .lightbg { background-color: #f9f9f9; } .transition { -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } .outofsectiontext{ margin-top: 40px; } /* Section */ .sections { padding-top:85px; padding-bottom: 105px; overflow: hidden; } .sections.footer { padding-bottom: 80px; } section .subtitle h5 { margin-top: 10px; font-size: 1.3rem; font-family: 'roboto', sans-serif; } .parallax-section { max-width: 100%; color: #ffffff; } section .title-half h2 { font-size: 3rem; line-height: 4rem; font-weight: 300; margin-bottom: 1.4rem; } section .subtitle-half h5 { font-weight: 100; font-size: 17px; } ul{ margin:0; padding:0; list-style:none; } .heading { margin-bottom: 4rem; } .overlay { background-color: rgba(0, 0, 0, 0.3); width: 100%; height: 750px; } .overlay-fluid-block { background-color: rgba(0, 0, 0, 0.5); width: 100%; height:auto; } .home-overlay-fluid { background-color: rgba(41, 41, 41, 0.68); width: 80%; margin: auto; } .overlay-img { background: rgba(0, 0, 0, 0.3); width: 100%; padding-top: 100px; padding-bottom: 100px; color: #ffffff; } .no-padding { padding: 0 !important; margin:0 !important; } .fluid-blocks-col { padding: 70px 40px 0 80px; } .fluid-blocks-col-right { padding: 70px 80px 0 40px; } /* Separator */ .separator { height: 2px; width: 140px; margin:20px auto; background: #ff5722; } .separator2 { height: 2px; width: 200px; margin:20px 0px; background: #2196f3; } /*section:nth-of-type(odd) { background-color: #F9F9F9; }*/ /* Button */ .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover, .btn-primary.focus, .btn-primary:focus, .btn-primary.disabled, .btn-primary.disabled:hover { color: #ffffff; background-color: #f56363; border-color: #f56363; } .btn { border: 0px solid #fff; display: inline-block; min-width: 170px; padding: .4em; height: 45px; text-align: center; color: #fff; font-style: normal; letter-spacing: 1px; margin: 0; font-size: 20px; font-weight: 300; border-radius: 30px; margin-top: 30px; background-color: #3bd3ba; transition: .5s; } .btn:hover { background-color:#00bcd4; color: #fff; text-decoration: none; } .btn-primary { color: #fff; background-color: #3bd3ba; border-color: #fff; transition: .5s; } .pink-btn { background: #fff; border: 1px solid #222222; margin-left: 10px; color: #222222; transition: .5s; } .pink-btn:hover { background-color: #ea6060; color: #fff; text-decoration: none; border:1px solid #ea6060; } .btn-white{ border:1px solid #fff; color:#fff; border-radius:5px; } .btn-white:hover{ border:1px solid #000; color:#000; } /*.btn-default:active, .btn-default:hover { background: transparent; }*/ /* Extra height css */ .margin-top-20 { margin-top: 20px; } .margin-bottom-20 { margin-bottom: 20px; } .margin-top-40 { margin-top: 40px; } .margin-bottom-40 { margin-bottom: 40px; } .margin-top-60 { margin-top: 60px; } .margin-80 { margin-top: 80px; margin-bottom: 80px; } .margin-bottom-60 { margin-bottom: 60px; } .margin-top-80 { margin-top: 80px; } .margin-bottom-80 { margin-bottom: 80px; } .padding-top-20 { padding-top: 1.33rem; } .padding-bottom-20 { padding-bottom: 1.33rem; } .padding-top-40 { padding-top: 2.66rem; } .padding-bottom-40 { padding-bottom: 2.66rem; } .padding-top-60 { padding-top: 5rem; } .padding-bottom-60 { padding-bottom: 5rem; } .padding-bottom-0 { padding-bottom: 0; } /*padding*/ .padding-twenty { padding: 10px 0; } .padding-fourty { padding: 20px 0; } .padding-sixty { padding: 30px 0; } .padding-eighty { padding: 40px 0; } h1 span { color: #f56363; font-weight: 400; } /*for placeholder changes*/ input::-webkit-input-placeholder { color: #3bd3ba; } input::-moz-placeholder { color: #3bd3ba; } input::-ms-input-placeholder { color: #3bd3ba; } /*for image bg*/ /*.img-bg{ background: url(../images/home-msg.jpg) no-repeat center top fixed; background-size -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; overflow: hidden; }*/ /* navbar section */ .menu-scroll { padding-top: 0px; padding-bottom: 0px; position: fixed; top: 0; left: 0; right: 0; z-index: 300; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); background-color:rgba(51, 51, 51, 0.8); } .header .navbar-brand>img { max-width: 80%; } ul#menu.nav.navbar-nav{ display: none; } .header .navbar-default { background-color: transparent; border-color: transparent; } .header .navbar { min-height: 80px; margin-bottom: 0px; } .header .navbar-brand { padding: 7px 15px; } .header .navbar-form { margin-top: 12px; margin-right:60px; } .header .navbar-form .form-group input[type="text"]{ background: #343C48; border-radius: 30px 0px 0px 30px; height: 46px; border: 0px none; } .header .navbar-form .form-group a.btn_search{ border: 0px none; background: #343C48; color: #fff; display: inline-block; height: 46px; line-height: 42px; width: 30px; text-align: center; border-radius: 0px 30px 30px 0px; margin-left: -4px; } .header .navbar-form .form-group a.btn_buy{ background: #835FA9; height: 46px; width: 120px; color: #fff; display: inline-block; line-height: 46px; text-align: center; border-radius: 30px; margin-left: 10px; transition:.800ms; } .header .navbar-form .form-group a.btn_buy:hover{ background: #8655b9; } .main-menu{ position: relative; } .slicknav_menu{ position: fixed; right: 40px; top: 10px; z-index: 999999; background: transparent; } .slicknav_menu .slicknav_menutxt { display: none; } .slicknav_btn{ background-color: transparent; color:#fff; } .slicknav_nav { clear: both; color: #fff; margin: 0; font-size: .875em; background-color: #222; margin-top: 60px; width: 300px; } .slicknav_nav a:hover{ background-color:#835FA8; color:#fff; } .slicknav_nav .slicknav_row, .slicknav_nav a { padding: 10px 10px; margin: 2px 5px; } /*home section*/ .home{ background: url(../images/homebg.jpg) no-repeat 100% 100%; background-size: cover; } .home .main_home{ padding-top: 250px; } .home .main_home h1{ color: #fff; line-height: 6rem; padding-bottom: 25px; } .home .main_home p{ color:#fff; } /*about section css*/ .about{ background: #835fa8; height: 500px; } .main_about_area{} .single_about_left{ padding: 100px 0px 120px 0px; } .single_about_left h2{ color:#fff; margin-bottom:25px; } .single_about_left p{ color:#fff; } .single_about_right{ } .single_about_right img{ margin-top: -80px; max-width: 100%; height: 580px; } /*Features Section css*/ .feature{ background: #f4f8fb; position: relative; } .border_bottom_raund:before{ content: ""; background: #f4f8fb; width: 120px; height: 120px; position: absolute; left: 45%; bottom: -20px; transform: rotate(45deg); border-radius: 47px; } .single_feature{} .single_feature h3{} .single_feature h5.subtitle{} .single_feature p{ color:#44484f; font-size:0.875rem; } .single_feature a{} /*portfolio section css*/ .portfolio{ background: #232831; } .main_portfolio_area{} .head_title{ padding: 105px 0px 90px 0px; } .head_title h2{ color:#fff; } .head_title p{ color:#9da5b0; font-size:1rem; } .main_portfolio_content{} .single_portfolio{} .single_portfolio img{ position: relative; } .single_portfolio a{ position: absolute; left:40%; top:30%; } .owl-controls{ background: #2b303b; text-align: left; position: relative; } .owl-theme .owl-nav { text-align: left; margin-top:0px; } .owl-theme .owl-dots { text-align: left; } /*service section css*/ .service{ background: #2b303b; } .main_service_area{} .single_service{ margin-bottom:30px; } .single_service .single_service_icon i{ margin-bottom:30px; font-size:2.5rem; color:#379c88; display: inline-block; } .single_service h3{ color:#fff } .single_service h3 span{ color:#3a4d60; } .single_service p{ color:#9da5b0; font-size:0.875rem; } /*new section css*/ .news{ width:100%; overflow: hidden; } .top_new{} .top_new_one_left{ background: #e9eef1; overflow: hidden; max-width: 41.6%; float: left; } .single_new_top_one{ padding: 95px 20px 0px 30px; max-width: 80%; margin-left: 20%; min-height: 550px; } .single_new_top_one h3{ color:#2b303b; } .single_new_top_one h3 i{ color:#835fa8; padding-right: 10px; } .single_new_top_one p{ font-size:0.875rem; color:#44484f; } .top_news_right_img img{ height:550px; } /*new_two_area*/ .new_two_area{} .single_new_two{} .new_two_area .singel_two_left_vedio{ background: url(../images/video.jpg) no-repeat right center; max-width: 80%; margin-left: 20%; text-align: center; height: 465px; line-height: 465px; background-size: cover; } .new_two_area .singel_two_left_vedio a i{ background: #2b303b; padding: 20px 40px; color:#fff; } .new_two_area .single_two_right_content{ background: #835fa8; padding: 75px 0px 140px 50px; } .new_two_area .single_two_right_content{ height: 465px; } .new_two_area .single_two_right_content p{ color:#fff; font-size:2rem; line-height: 2.5rem; width: 65%; font-family: 'open_sanslight_italic'; } .new_two_area .single_two_right_content .new_data{ color:#fff; font-size:0.75rem; margin-bottom:15px; font-family: 'open_sansitalic'; } .new_two_area .single_two_right_content .new_author{ margin-top:30px; } .new_author img{ border-radius: 50%; } .new_author a{ color:#fff; margin-left:20px; font-family: 'open_sansregular'; font-size:0.9375rem; } /*news_three_area*/ .news_three_area{} .news_three_area .single_new_three_left{ max-width: 80%; margin-left:20%; padding: 45px 10px 0px 40px; background: #fff; min-height: 280px; } .news_three_area .single_new_three_left h6{ color:#232323; font-size:1.4375rem; line-height: 2rem; } .news_three_area .single_new_three_left p{ font-size:0.875rem; color:#83969f; line-height: 1.375rem; } .news_three_area .new_three_comments{ margin-top:46px; } .news_three_area .new_three_comments a{ color:#83969f; font-size: 1.875rem; padding:0px 20px; } .news_three_area .new_three_comments a.coments{ font-size:0.75rem; border-left:1px solid #ddd; line-height: 2rem; display: inline-block; padding: 5px 20px; } .single_new_three_right img{ max-width:100%; max-height:282px; } /*news_four_area*/ .news_four_area{ background: url(../images/newsfourbg.jpg) no-repeat 100% 100%; background-size: cover; height: 755px; } .single_news_four_area{ background: #835fa8; } .single_news_four{ max-width: 80%; margin-left:20%; padding: 90px 0px 115px 0px; } .single_news_four p{ color: #fff; font-size: 2rem; line-height: 3rem; font-family: 'open_sanslight_italic'; margin-bottom: 30px; max-width: 90%; } /*footer widget*/ .footer_widget{ background: #263238; color:#e8e8e8; } .footer_widget .main_widget{ padding:55px 0px 80px 0px; overflow: hidden; } .footer_title_left{ margin-bottom:70px; } .navbar-form .form-group { display:block; } .footer_widget p.footer_title{ margin-bottom:20px; font-size:0.8125rem; font-family: 'open_sanssemibold'; color:#f6f7fa; } .footer_widget p{ color:#f6f7fa; font-size:0.8125rem; font-family: 'open_sansregular'; max-width: 80%; } .single_widget li{ margin-bottom: 3px; } .single_widget li a{ color: #f6f7fa; font-size: 0.8125rem; padding-bottom: 2px; display: inline-block; font-family: 'open_sansregular'; } .single_widget_right{ width:100%; } .single_widget_right .form-control { font-size: 14px; border: 0px solid #ccc; border-radius: 0px 0px 0px 0px; width: 80%; display: inline-block; height: 60px; background: #F6F7FA; } /*.single_widget_right .submit_btn{ background: #835FA8; border: 0px solid #bd9e6f; color: #fff; padding: 5px 10px; margin-left: -4px; border-radius: 0px 0px 0px 0px; height: 60px; outline: none; width: 20%; display: inline-block; line-height: 46px; text-align: center; }*/ .single_widget_right .submit_btn span{ font-size: 1.875rem; line-height: 2rem; background: #835FA8; border: 0px solid #bd9e6f; color: #fff; padding: 0px; margin-left: -4px; border-radius: 0px 0px 0px 0px; height: 60px; outline: none; width: 20%; display: inline-block; line-height: 48px; text-align: center; } .single_widget_right .submit_btn:hover span{ background: #8655b9; cursor:pointer; } .single_widget_right .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075),0 0 4px rgba(102,175,233,.6); box-shadow: inset 0 0px 0px rgba(0,0,0,.075),0 0 4px rgba(102,175,233,.6); } .single_widget_right .navbar-form { padding: 0px 0px; border-top: 0px solid transparent; border-bottom: 0px solid transparent; -webkit-box-shadow: inset 0 0px 0 rgba(255,255,255,.1),0 0px 0 rgba(255,255,255,.1); box-shadow: inset 0 0px 0 rgba(255,255,255,.1),0 0px 0 rgba(255,255,255,.1); } /*footer section*/ .footer{ background: #171d20; } .copyright_text p{ color:#D2D3D5; font-size:17px; line-height: 25px; padding:40px; max-width: 100%; } .copyright_text p i{ padding:0px 10px; color:#ff0000; } .copyright_text p a{ padding:0px 10px; color:#835FA9; } /* scrollup */ .scrollup{ width: 30px; height: 30px; border-radius: 15px; opacity: .3; position: fixed; bottom: 20px; right: 25px; color: #fff; cursor: pointer; background-color: #000; z-index: 1000; transition: opacity .5s, background-color .5s; -moz-transition: opacity .5s, background-color .5s; -webkit-transition: opacity .5s, background-color .5s; } .scrollup:hover { background: #222; opacity: 1; } .scrollup i { font-size: 13px; position: absolute; opacity: 1; color: #fff; left: 50%; top: 50%; margin-top: -7px; margin-left: -6px; text-decoration: none; }