﻿
/*=============================================================
    Authour URI: www.binarytheme.com
    License: Commons Attribution 3.0

    http://creativecommons.org/licenses/by/3.0/

    100% To use For Personal And Commercial Use.
    IN EXCHANGE JUST GIVE US CREDITS AND TELL YOUR FRIENDS ABOUT US
   
    ========================================================  */


/*=======================================
    GENERAL STYLES
==================================================*/

body {
    font-family:'Open Sans', sans-serif;
    font-size:14px;
    background-color:#ffffff;
}



h1, h2, h3, h4, h5, h6 {
    font-family:'Open Sans', sans-serif;
}

h1 {
    line-height:50px;
    font-weight:900;
    font-size:40px;
    padding:50px 20px 5px 20px;
    text-transform:uppercase;
    color:rgba(0, 121, 138, 1);
}


.pad-adjust {
    padding-top: 5px; 
    padding-bottom: 5px;
}

.text-center {
    text-align:center;
}

h2 {
    color: #3399cc;
    font-weight: 700;
    letter-spacing: 0px;
    text-transform: none;
}
h3 {
     line-height:50px;
	font-size:20px;
	color:#3399cc;
	margin:0;
	padding:0;
	text-transform:none;
	font-weight:bold;
}
h4 {
   padding-top: 5px;
line-height: 30px;
padding-bottom: 0px;
font-size: 20px;
font-weight: 900;
}

.space-free {
    height:100px;
}

.g-pad-bottom {
    padding-bottom:40px;
}

section {
    padding-top:20px;
    margin-top:20px;
}

.c-sts {
   background-color:#d9534f;
   color:#fff;
}
.form-control {
        background-color: rgba(255, 255, 255, 0);
}

.pad-top {
 padding-top:20px;
}
.icon-round {
margin-top: 30px;
font-size: 30px;
height: 68px;
width: 68px;
line-height: 70px;
color: #fff;
text-align: center;
display: inline-block;
border-radius: 100%;
margin-bottom: 10px;
}
.bk-color-red {
    background-color:#ff0000;
}

.bk-color-green {
    background-color:#07BB00;
}

.bk-color-light-blue {
    background-color:#BB00BB;
}

.bk-color-blue {
    background-color:#0052FF;
}
.bk-color-brown {
    background-color:#EB8F2D;
}
.bk-color-black {
   background-color:#000000;
}

.bk-color-yellow {
   background-color:#fecb0e;
   color:#3399cc;
}
/*=======================================
    BOOTSTRAP STYLES
==================================================*/

.panel-heading {
    font-size:25px;
    font-weight:900;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
-webkit-border-top-left-radius: 0px;
-moz-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-top-right-radius: 0px;
}
.btn-lg, .btn-group-lg > .btn {
border-radius: 0px; 

}
/*=======================================
    HOME SECTION STYLES
==================================================*/


.head-btn-one {
    background-color: rgba(184, 64, 252, 1);
     border: 0px solid #fff;

}

#home-sec {
    padding-top:100px;
	width: 100%;	
	display: block;
	height: auto;
    color:#fff;
	text-align:center;
	background: transparent;
}


#home-sec h1{
	padding:20px;
	margin:15px 0;
	font-size:45px;
	background-color: rgba(0,0,0,0.5);
	color:#FFFFFF;
	text-transform:none;
}

#home-sec p{
	padding:20px;
	margin:15px 0;
	font-weight:600;
	font-size:18px;
	background-color: rgba(0,0,0,0.5);	
	color:#FFFFFF;
}


.head-main {
    font-size:65px ;
    font-weight:900;
    
}


/* ===========================================================
   NAVBAR CHANGES   
   ============================================================*/
.navbar {
	font-size: 14px;
	background: #FFFFFF;
	border-bottom:1px solid #e4e4e5;
}

.navbarfixed{
	width:100%;
	padding:0 10%;
	position:fixed;
	top:0px;
	z-index:100;
}

.navbar .navbar-nav > .active > a {
	color:#000000;
}

.navbar .navbar-nav > .active > a {
	color:#000000;
}

.navbar .navbar-brand {
	color: #ffffff;
	font-weight: bolder;
	font-size: 25px;
    font-weight:900;
	letter-spacing: 2px;
}

.navbar .navbar-nav > li > a {
	color: #000000;
	background-color:#FFFFFF;
}

.navbar .navbar-nav > li > a.active, .navbar .navbar-nav > li > a:hover {
	color: #3399cc;
	background-color:#FFFFFF;
}






/*=======================================
    PRICE SECTION STYLES
==================================================*/

.plan {
    background: #fff;
    padding: 0 0 15px 0;
    margin: 30px 0px;
    list-style: none;
    text-align: center;
  
}



.plan li {
 padding: 15px 0px;
color: #000000;
font-size: 15px;
}

.plan li.plan-head {
   padding: 15px 0px;
color: #FFFFFF;
line-height: 20px;
font-size: 20px;
font-weight: 600;
border: none;
   }

.plan li.main-price {
padding: 15px 0px;
background-color: rgba(127, 115, 177, 1);
color: #fff;
border: none;
font-weight: 900;
font-size: 30px;
}


/*=======================================
    STATS SECTION STYLES
==================================================*/

#sts-img {
     padding-bottom:50px;
    background: url('../img/ammx-safe-secure-file-transfer-bg4.jpg') no-repeat 50% 50%;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
width: 100%;
display: block;
height: auto;
   min-height:200px;
    color:#fff;
}
.stats-div {
    text-align:center;
    width: 100%;
}

.stats-div > h3 {
    font-size:40px;
    font-weight:900;
}


/*=======================================
    CONTACT STYLES
==================================================*/
.cnt {
width: 100%;
min-height: 350px;
border: 1px solid #e1e1e1;
}
.add {
    font-size:20px;
    font-weight:800;
    padding:30px;
}
/*=======================================
    FOOTER STYLES
==================================================*/


#subfooter {
    background-color:#262626;
    color:#ffffff !important;
    padding:50px 50px 20px 50px;
    text-align:right;
	line-height:25px;
}

#subfooter a {
	color:#FFFFFF;
	text-decoration:none;
}

#footer {
    background-color:#000;
    color:#c8c8c8;
    padding:20px 50px 20px 50px;
    text-align: center;
}

#subfooter .yellowlink {
	color:#818181;
}


#subfooter .yellowlink:hover{
	color:#f2d03b;
}

/* Additional Custom CSS*/

.subnav{
	background-color:#3399cc;
	padding:5px 0;
	font-size:12px;
	font-weight:600;
	font-family:"Open Sans";
	color:#FFFFFF;
}

.subnav a, .subnav a:hover{
	color:#FFFFFF;	
}

a.yellowtext{
	color:#f2d03b;
	text-decoration:none;
}

a.yellowtext:hover{
	color:#f2d03b;
	text-decoration:none;
}

.sbnsocial{
	font-size:14px; 
	letter-spacing:2px;	
}

.snbtel{
	text-align:right;
}

.navbar-header button{
	margin-top:30px;
}

.subnavdropdown{
	position:relative;	
}

.bluebanner{
	background-color:#3399cc;
	padding:40px 0;
	text-align:center;
}

.bluebanner h1{
	font-size:30px;
	color:#FFFFFF;
	margin:0;
	padding:0;
	text-transform:none;
}


.bluebanner h2{
	font-size:20px;
	color:#FFFFFF;
	margin:0;
	padding:0;
	text-transform:none;
}


.btn-yellow {
  color: #3399cc;
  background-color: #f2d03b;
  border-color: #f2d03b;
  font-family:'Play', sans-serif;
  font-size:16px;
  font-weight:800;
  padding:15px 30px;
}

.btn-yellow:hover,
.btn-yellow:focus,
.btn-yellow:active,
.btn-yellow.active,
.open .dropdown-toggle.btn-yellow {
  color: #3399cc;
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}
.btn-yellow:active,
.btn-yellow.active,
.open .dropdown-toggle.btn-yellow {
  background-image: none;
}

.title_size_large{
	vertical-align:central;
	margin-top:0px;
	height:220px;
}


#top-link-block {
    position: fixed;
    bottom: 30px;
    right: 30px;
	
}

#top-link-block a{
	padding:20px 10px 10px 10px;
	border-radius:30px;
	background-color: #e1e1e1;
	color:#818181;
}

#top-link-block a:hover{
	background-color:#C1C1C1;
	color:#818181;
	
}

#fadeout{
opacity:1;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}


.hidden{
	opacity:0 !important;
}


.title_size_large h1{
	font-size: 32px;
    line-height: 40px;
    font-weight: 700;
    color: #333745;
}

.separator {
    position: relative;
    display: block;
    height: 1px;
    background-color: #eaeaea;
    margin: 10px 0 10px 20px;
}

.separator.small {
    background-color: #303030;
    height: 2px;
    position: relative;
    width: 22px;
    display: block;
    margin: 10px auto 20px auto;
}

.separator.small, .wpb_column>.wpb_wrapper .separator.small {
    height: 6px;
    margin-top: 17px;
    margin-bottom: 16px;
    background-color: #f2d03b;
    width: 41px;
}

.title .separator {
    background-color: #f2d03b;
}

.separator.small.left {
    margin: 10px 0 20px 0;
}


.title .separator.small, .title .separator.small.left, .title .separator.small.right {
    margin-top: 14px;
    margin-bottom: 10px;
	margin-left: 20px;
}







.commonLink{
	text-decoration:none;
	display:block;
	color:#000000;	
	margin:10px 0;
	padding:10px 0;
}

.commonLink:hover{
	color:#f2d03b;
	text-decoration:none;
}

.whiteLink, .whiteLink:visited, .whiteLink:hover{
	text-decoration:none;
	color:#c8c8c8;	
}


.italic-heading{
	font-style:italic;
	font-weight:bold;	
}

.q_list.circle ul, .q_list.number ul {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul {
    list-style-position: inside;
}

li {
    display: list-item;
    text-align: -webkit-match-parent;
}

.q_list.circle ul>li, .q_list.number ul>li {
    position: relative;
    font-weight: 400;
    margin: 0 0 22px;
    padding: 0 0 0 22px;
    color: #303030;
}

.q_list.circle ul>li:before {
    position: absolute;
    left: 0;
    width: 7px;
    height: 7px;
    top: 9px;
    background-color: #ababab;
    display: block;
    content: '';
    border-radius: 25px;
}

.qlinkcont{
	padding:20px 0px;
	line-height:40px;	
}

.qlinkcont h3{
	color: #3399CC; font-weight: bold;
	padding:0;
	font-size:14px;	
}
.quicklink{
	color:#000000;
	padding:10px 0;
	text-decoration:none;
}

.quicklink:hover{
	color:#f2d03b;
	text-decoration:none;
}

.dropdown-menu{
	background-color:rgba(234,234,234,1);
	padding:0;
}


.dropdown-menu > li > a{
	color:#818181;
	text-transform:uppercase;
	font-size:11px;
	padding:15px;
	display:block;

}


.parallax-window {
    background: transparent;
}


@media (max-width: 767px) {
	.sbnsocial{
	text-align:center;
	}

	.snbtel{
	text-align:center;
	}
	
	.navbar-brand img{
		width:100px;
	}
	
	.navbarfixed{
		padding:0 5%;	
	}
}



