﻿body{font-family:'Varela Round', sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden;color:#868F9B;}
h1, h2, h3, h4, h5, h6{font-family:'Montserrat', sans-serif;font-weight:700;margin-top:0px;margin-bottom:20px;color:#10161A;}
h1{font-size:54px;}
h2{font-size:36px;}
h3{font-size:21px;}
h4{font-size:18px;}
h5{font-size:16px;}
a{color:#6195FF;text-decoration:none;-webkit-transition:0.2s opacity;transition:0.2s opacity;}
a:hover, a:focus{text-decoration:none;outline:none;opacity:0.8;color:#6195FF;}
.main-color{color:#6195FF;}
.white-text{color:#FFF;}
::-moz-selection{background-color:#6195FF;color:#FFF;}
::selection{background-color:#6195FF;color:#FFF;}
ul, ol{margin:0;padding:0;list-style:none}
.section{position:relative;}
.md-padding{padding-top:120px;padding-bottom:120px;}
.sm-padding{padding-top:60px;padding-bottom:60px;}
.bg-grey{background-color:#FAFAFA;border-top:1px solid #EEE;border-bottom:1px solid #EEE;}
.bg-dark{background-color:#1C1D21;}
.bg-img{position:absolute;left:0;top:0;right:0;bottom:0;z-index:-1;background-position:center;background-size:cover;background-attachment:fixed;}
.bg-img .overlay{position:absolute;left:0;top:0;right:0;bottom:0;opacity:0.3;background:#1C1D21;}
.section-header{position:relative;margin-bottom:60px;}
.section-header .title{text-transform:capitalize;}
.title:after{content:"";display:block;height:4px;width:40px;background-color:#6195FF;margin-top:20px;}
.text-center .title:after{margin:20px auto 0px;}
input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="date"], input[type="url"], input[type="tel"], textarea{height:40px;width:100%;border:none;background:#F4F4F4;border-bottom:2px solid #EEE;color:#354052;padding:0px 10px;opacity:0.5;-webkit-transition:0.2s border-color, 0.2s opacity;transition:0.2s border-color, 0.2s opacity;}
textarea{padding:10px 10px;min-height:80px;resize:vertical;}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="date"]:focus, input[type="url"]:focus, input[type="tel"]:focus, textarea:focus{border-color:#6195FF;opacity:1;}
.main-btn, .white-btn, .outline-btn{display:inline-block;padding:10px 35px;margin:3px;border:2px solid transparent;border-radius:3px;-webkit-transition:0.2s opacity;transition:0.2s opacity;}
.main-btn{background:#6195FF;color:#FFF;}
.white-btn{background:#FFF;color:#10161A !important;}
.outline-btn{background:transparent;color:#6195FF !important;border-color:#6195FF;}
.main-btn:hover, .white-btn:hover, .outline-btn:hover{opacity:0.8;}
.navbar-brand{padding:0;}
.navbar-brand .logo, .navbar-brand .logo-alt{max-height:50px;display:block;}
#nav:not(.nav-transparent):not(.fixed-nav) .navbar-brand .logo-alt{display:none;}
#nav.nav-transparent:not(.fixed-nav) .navbar-brand .logo{display:none;}
#nav.fixed-nav .navbar-brand .logo-alt{display:none;}
@media only screen and (max-width:767px){#nav.nav-transparent .navbar-brand .logo-alt{display:none !important;}
#nav.nav-transparent .navbar-brand .logo{display:block !important;}
}
#nav{padding:10px 0px;background:#FFF;-webkit-transition:0.2s padding;transition:0.2s padding;z-index:999;}
#nav.navbar{border:none;border-radius:0;margin-bottom:0px;}
#nav.fixed-nav{position:fixed;left:0;right:0;padding:0px 0px;background-color:#000 !important;border-bottom:1px solid #EEE;color:#fff !important;}
#nav.nav-transparent{background-color:#000 !important;background:transparent;opacity:0.9;}
@media only screen and (min-width:768px){.main-nav li{padding:0px 15px;}
.main-nav li a{font-size:14px;-webkit-transition:0.2s color;color:#fff !important;transition:0.2s color;}
.main-nav>li>a{color:#10161A;padding:15px 0px;}
#nav.nav-transparent:not(.fixed-nav) .main-nav>li>a{color:#fff;}
.main-nav>li>a:hover, .main-nav>li>a:focus, .main-nav>li.active>a{background:transparent;color:#6195FF;}
.main-nav>li>a:after{content:"";display:block;background-color:#6195FF;height:4px;width:0%;-webkit-transition:0.2s width;transition:0.2s width;}
.main-nav>li>a:hover:after, .main-nav>li.active>a:after{width:100%;}
.has-dropdown{position:relative;}
.has-dropdown>a:before{font-family:'FontAwesome';content:"\f054";font-size:6px;margin-left:6px;float:right;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:0.2s transform;transition:0.2s transform;}
.dropdown{position:absolute;right:-50%;top:0;background-color:#6195FF;width:200px;-webkit-box-shadow:0px 5px 5px -5px rgba(53, 64, 82, 0.2);box-shadow:0px 5px 5px -5px rgba(53, 64, 82, 0.2);-webkit-transform:translateY(15px) translateX(50%);-ms-transform:translateY(15px) translateX(50%);transform:translateY(15px) translateX(50%);opacity:0;visibility:hidden;-webkit-transition:0.2s all;transition:0.2s all;}
.main-nav>.has-dropdown>.dropdown{top:100%;right:50%;}
.main-nav>.has-dropdown>.dropdown .dropdown.dropdown-left{right:150%;}
.dropdown li a{display:block;color:#FFF;border-top:1px solid rgba(250, 250, 250, 0.1);padding:10px 0px;}
.dropdown li:nth-child(1) a{border-top:none;}
.has-dropdown:hover>.dropdown{opacity:1;visibility:visible;-webkit-transform:translateY(0px) translateX(50%);-ms-transform:translateY(0px) translateX(50%);transform:translateY(0px) translateX(50%);}
.has-dropdown:hover>a:before{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
.nav-collapse{display:none;}
}
@media only screen and (max-width:767px){#nav{padding:0px 0px;}
#nav.nav-transparent{background:#FFF;}
.main-nav{position:fixed;right:0;height:calc(100vh - 80px);-webkit-box-shadow:0px 80px 0px 0px #1C1D21;box-shadow:0px 80px 0px 0px #1C1D21;max-width:20%;width:0%;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);margin:0;overflow-y:auto;background:#1C1D21;-webkit-transition:0.2s all;transition:0.2s all;}
#nav.open .main-nav{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%);width:100%;}
.main-nav li{border-top:1px solid rgba(250, 250, 250, 0.1);}
.main-nav li a{display:block;color:#FFF;-webkit-transition:0.2s all;transition:0.2s all;font-size:11px !important;}
.main-nav>li.active{border-left:6px solid #6195FF;}
.main-nav li a:hover, .main-nav li a:focus{background-color:#6195FF;color:#FFF;opacity:1;}
.has-dropdown>a:after{content:"\f054";font-family:'FontAwesome';float:right;-webkit-transition:0.2s -webkit-transform;transition:0.2s -webkit-transform;transition:0.2s transform;transition:0.2s transform, 0.2s -webkit-transform;}
.dropdown{opacity:0;visibility:hidden;height:0;background:rgba(250, 250, 250, 0.1);}
.dropdown li a{padding:6px 10px;}
.has-dropdown.open-drop>a:after{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
.has-dropdown.open-drop>.dropdown{opacity:1;visibility:visible;height:auto;-webkit-transition:0.2s all;transition:0.2s all;}
}
.nav-collapse{position:relative;float:right;width:40px !important;height:40px;margin-top:5px;margin-right:5px;cursor:pointer;z-index:99999;}
.nav-collapse span{display:block;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);position:absolute;top:50%;left:50%;width:25px;}
.nav-collapse span:before, .nav-collapse span:after{content:"";display:block;}
.nav-collapse span, .nav-collapse span:before, .nav-collapse span:after{height:4px;background:#fff;-webkit-transition:0.2s all;transition:0.2s all;}
.nav-collapse span:before{-webkit-transform:translate(0%, 10px);-ms-transform:translate(0%, 10px);transform:translate(0%, 10px);}
.nav-collapse span:after{-webkit-transform:translate(0%, -14px);-ms-transform:translate(0%, -14px);transform:translate(0%, -14px);}
#nav.open .nav-collapse span{background:transparent;}
#nav.open .nav-collapse span:before{-webkit-transform:translateY(0px) rotate(-135deg);-ms-transform:translateY(0px) rotate(-135deg);transform:translateY(0px) rotate(-135deg);}
#nav.open .nav-collapse span:after{-webkit-transform:translateY(-4px) rotate(135deg);-ms-transform:translateY(-4px) rotate(135deg);transform:translateY(-4px) rotate(135deg);}
header{position:relative;}
#home{height:100vh;}
#home .home-wrapper{position:absolute;left:0px;right:0px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);text-align:center;}
.home-content h1{text-transform:uppercase;}
.home-content button{margin-top:20px;}
.header-wrapper h2{display:inline-block;margin-bottom:0px;}
.header-wrapper .breadcrumb{float:right;background:transparent;margin-bottom:0px;}
.header-wrapper .breadcrumb .breadcrumb-item.active{color:#868F9B;}
.breadcrumb>li+li:before{color:#868F9B;}
.service{position:relative;padding:40px 20px 40px 70px;margin:15px 0px;border:1px solid #DBDBDB;}
.service i{position:absolute;left:20px;text-align:center;font-size:32px;color:#6195FF;border-radius:50%;}
.service:after{content:"";background-color:#1C1D21;position:absolute;left:0;top:0;bottom:0;width:0%;z-index:-1;-webkit-transition:0.2s width;transition:all 0.5s ease-in-out;transform:rotateY(180deg);}
.service:hover:after{width:100%;}
.service h3{-webkit-transition:0.2s color;transition:0.2s color;}
.service:hover h3{color:#fff;}
.pricing{position:relative;text-align:left;border:1px solid #DBDBDB;background-color:#FFF;z-index:11;margin:15px 0px;}
.pricing::after{content:"";background-color:#1C1D21;position:absolute;left:0;right:0;top:0;height:0%;z-index:-1;-webkit-transition:0.2s height;transition:0.5s height;}
.pricing:hover:after{height:100%;}
.pricing .price-head{position:relative;margin-bottom:20px;}
.pricing .price-title{display:block;padding:40px 0px 20px;text-transform:uppercase;-webkit-transition:0.2s color;transition:0.2s color;}
.pricing:hover .price-title{color:#6195FF;}
.pricing .price{position:relative;width:140px;height:140px;line-height:140px;text-align:center;margin:auto;border-radius:50%;border:2px solid #6195FF;}
.pricing .price h3{font-size:42px;margin:0px;-webkit-transition:0.2s color;transition:0.2s color;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);top:50%;position:absolute;left:0;right:0;}
.pricing:hover .price h3{color:#fff;}
.pricing .duration{display:block;font-size:14px;text-transform:uppercase;color:#10161A;-webkit-transition:0.2s color;transition:0.2s color;}
.pricing:hover .duration{color:#fff;}
.pricing .price-btn{padding-top:20px;padding-bottom:40px;}
.contact{position:relative;padding:40px 20px 40px 20px;margin:15px 0px;text-align:center;border:1px solid #DBDBDB;}
.contact i{font-size:36px;color:#6195FF;margin-bottom:20px;}
#footer{position:relative;}
.footer-logo{text-align:center;margin-bottom:40px;}
.footer-logo>a>img{max-height:80px;}
.footer-follow{text-align:center;margin-bottom:20px;}
.footer-follow li{display:inline-block;margin-right:10px;margin-bottom:13px;}
.footer-follow li a{display:inline-block;width:50px;height:50px;line-height:50px;text-align:center;border-radius:3px;background-color:#6195FF;color:#FFF;}
.footer-copyright p{text-align:center;font-size:14px;text-transform:uppercase;margin:0;}
@media only screen and (max-width:991px){}
@media only screen and (max-width:767px){.section-header h2.title{font-size:31.5px;}
.main-btn , .default-btn , .outline-btn , .white-btn{padding:8px 22px;font-size:14px;}
.home-content h1{font-size:36px;}
.header-wrapper h2{margin-bottom:20px;text-align:center;display:block;}
.header-wrapper .breadcrumb{float:none;text-align:center;}
}
@media only screen and (max-width:480px){#portfolio [class*='col-xs']{width:100%;}
#numbers [class*='col-xs']{width:100%;}
.contact-form .input:nth-child(1), .contact-form .input:nth-child(2){width:100%;}
.contact-form .input:nth-child(2){margin-left:0px;}
.reply-form form .input, .reply-form form .input{width:100%;}
.reply-form form .input:nth-child(2){margin-left:0px;}
.blog-author .media .media-left{display:block;padding-right:0;margin-bottom:20px;}
.blog-author .media{text-align:center;}
.blog-author .media .media-heading .author-social{margin-top:10px;float:none;}
.blog-author .media .media-left img{margin:auto;}
.blog-comments .media .media{margin:0px -15px;}
}
#back-to-top{display:none;position:fixed;bottom:90px;right:27px;width:50px;height:50px;line-height:50px;text-align:center;background:#6195FF;border-radius:3px;color:#FFF;z-index:9999;-webkit-transition:0.2s opacity;transition:0.2s opacity;cursor:pointer;}
#back-to-top:after{content:"\f106";font-family:'FontAwesome';}
#back-to-top:hover{opacity:0.8;}
.work{position:relative;padding:20px;min-height:250px !important;border:1px solid #DBDBDB;vertical-align:middle !important;text-align:center;display:table;}
.work .name{display:table-cell;min-height:250px !important;vertical-align:middle !important;text-align:center;}
.work>img{width:100%;}
.work .overlay{background:#1C1D21;position:absolute;top:0px;left:0px;right:0px;bottom:0px;opacity:0;-webkit-transition:0.2s opacity;transition:0.2s opacity;-webkit-transition-delay:0.2s;transition-delay:0.2s;}
.work:hover .overlay{-webkit-transition-delay:0s;transition-delay:0s;opacity:0.8;}
.work .work-content{position:absolute;left:25px;right:25px;top:50%;text-align:center;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.work .work-content h3{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);opacity:0;color:#FFF;margin-bottom:10px;-webkit-transition:0.2s all;transition:0.2s all;-webkit-transition-delay:0.1s;transition-delay:0.1s;}
.work:hover .work-content h3{-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%);opacity:1;-webkit-transition-delay:0.1s;transition-delay:0.1s;}
.work .work-content span{display:block;text-transform:uppercase;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);opacity:0;color:#6195FF;margin-bottom:5px;-webkit-transition:0.2s all;transition:0.2s all;-webkit-transition-delay:0.2s;transition-delay:0.2s;}
.work:hover .work-content span{-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%);opacity:1;-webkit-transition-delay:0s;transition-delay:0s;}
.work .work-link{text-align:center;margin-top:20px;opacity:0;-webkit-transition:0.2s opacity;transition:0.2s opacity;}
.work .work-link a{display:inline-block;width:50px;height:50px;background-color:#6195FF;color:#FFF;line-height:50px;text-align:center;}
.work:hover .work-link{-webkit-transition-delay:0.2s;transition-delay:0.2s;opacity:1;}