@import url(http://fonts.googleapis.com/css?family=Ubuntu); /* FREE GOOGLE FONT */
@import url(http://fonts.googleapis.com/css?family=Oswald); /* FREE GOOGLE FONT */
@font-face {font-family:'Gotham-Bold';src: url('../fonts/Gotham-Bold.otf');font-weight: normal;font-style: normal;}
@font-face {font-family:'Gotham-Light';src: url('../fonts/Gotham-Light.otf');font-weight: normal;font-style: normal;}
@font-face {font-family:'Gotham-Medium';src: url('../fonts/Gotham-Medium.otf');font-weight: normal;font-style: normal;}
@font-face {font-family:'Gotham-Book';src: url('../fonts/Gotham-Book.otf');font-weight: normal;font-style: normal;}
@font-face {font-family:'DroidSans-Bold';src: url('../fonts/DroidSans-Bold.ttf');font-weight: normal;font-style: normal;}

body {
font-family:'Gotham-Light';
color: #fff;
background:#6BA9E2;
background-size:cover;
background-position:center;
background-attachment:fixed;
}


.center-all{ margin:0px auto; text-align:center; float:none;}


.navbar-brand{height:auto;}
.navbar-inverse{background:#fff; border-color: transparent; color:#000; border: none !important; margin-bottom:0px;    border-radius: 0;}
.navbar-inverse .navbar-brand { color: #000; font-weight:800;}
.navbar-inverse .navbar-nav > li > a {color:#1356a5; font-size: 18px; line-height: 58px;}
.navbar-inverse .navbar-nav > li > a:hover {color:#000;}
.navbar-right{text-align:right; color:#000;}

.navbar-inverse .navbar-nav > li > a.active{background:url(../images/menuback.jpg) no-repeat center; background-size:100% 100%; color:#fff; font-weight:bold}


/*============Banner Part================*/
#banner-part{background: #3d8dce;background: -moz-linear-gradient(top,  #3d8dce 1%, #1457a4 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#3d8dce), color-stop(100%,#1457a4));background: -webkit-linear-gradient(top,  #3d8dce 1%,#1457a4 100%);background: -o-linear-gradient(top,  #3d8dce 1%,#1457a4 100%); 
background: -ms-linear-gradient(top,  #3d8dce 1%,#1457a4 100%);background: linear-gradient(to bottom,  #3d8dce 1%,#1457a4 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d8dce', endColorstr='#1457a4',GradientType=0 ); 
padding:20px 0px 0px;margin:0px;
}
.banner{background:#fff; padding:20px 20px 0px 20px; border-radius:10px 10px 0px 0px;}
.video{background:#fff;}
.video-em{padding-bottom: 54.9% !important;}
.video-wel{background:#ebebeb;}
.video-wel h3{font-family:'Gotham-Bold'; font-size:200%;text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);margin: 0px;background: #0eb9f2;padding: 10px;text-align: center;font-weight: bold;}
.video-wel p {font-family:'Gotham-Light';color: #1a1a1a; margin-bottom:0px;padding: 16px 16px 0px 16px;text-align: center;font-size:17px;line-height: 25px;}
.bol2 strong{font-size: 19px;font-family:'Gotham-Bold';}
.getstarted-botton {text-align: center;padding: 8.4%;}
.getstarted-botton img {text-align: center;margin: 0 auto;}

.softwer-tools{background:#fff;padding-top: 25px;border-radius: 0px 0px 10px 10px;margin-bottom:1%;}
.mstools{background: #3d8dce;background: -moz-linear-gradient(top,  #3d8dce 1%, #1457a4 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#3d8dce), color-stop(100%,#1457a4));background: -webkit-linear-gradient(top,  #3d8dce 1%,#1457a4 100%);background: -o-linear-gradient(top,  #3d8dce 1%,#1457a4 100%); 
background: -ms-linear-gradient(top,  #3d8dce 1%,#1457a4 100%);background: linear-gradient(to bottom,  #3d8dce 1%,#1457a4 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d8dce', endColorstr='#1457a4',GradientType=0 );
text-align: center;text-transform: uppercase;font-family:'Gotham-Bold';font-size:33px;padding: 10px 0px;text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
}
.ms12_tools{background:#fff url(../images/boder1.jpg) bottom repeat-x ;padding-top:1%; padding-bottom:1%;float: left;    width: 100%; }
.ms12_tools img{text-align:center; margin:0 auto;}
.mediom{font-family:'Gotham-Medium'; color:#262626;font-size: 15px; margin:0px;}
.ms12_tools_bottn {padding-bottom: 15px;margin: 0 auto;padding-top: 15px;display: table;width: 100%;}
.ms12_tools_bottn img{text-align: center;margin: 0 auto;max-width:100%;}


/*=======================Marketing Tools===============*/

#wrapper{ background:url(../images/back1.png) repeat-x top; padding-top:20px;}


/*=======================topcontent===============*/

#topcontent p{ text-align:center; font-size:22px; padding-bottom: 20px;color:#fff; font-family:'Gotham-Medium'}
#topcontent p a{ text-align:center; font-size:22px; padding-bottom: 20px;color:#fff; font-family:'Gotham-Medium'; text-decoration:none;}
#topcontent p a:hover{ text-decoration:underline;}

/*===============maincontainer==============*/

#maincontainer .container{ background:#fff; padding:20px 15px; border-radius:10px;}

.padd-25{padding-bottom:70px;}

.video-right{ background-color:#e8e8e8;}
.v-title{ background:#dcdcdc; padding:20px 10px;}
.v-text{ padding:10px 20px;}
.v-text p{color:#000; font-family:'Gotham-Bold'; font-size:16px;}

a.v-btn {
    display: block;
    margin-top: 40px;
    margin-bottom: -65px;
}



#maincontainer-footer{width:100%;}
#maincontainer-footer .container{background: #3d8dce;background: -moz-linear-gradient(top,  #3d8dce 1%, #1457a4 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#3d8dce), color-stop(100%,#1457a4));background: -webkit-linear-gradient(top,  #3d8dce 1%,#1457a4 100%);background: -o-linear-gradient(top,  #3d8dce 1%,#1457a4 100%); 
background: -ms-linear-gradient(top,  #3d8dce 1%,#1457a4 100%);background: linear-gradient(to bottom,  #3d8dce 1%,#1457a4 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d8dce', endColorstr='#1457a4',GradientType=0 );     margin-top: 2%;padding: 1% 0%;
}
#footer-menu{margin:0 auto; display:table;}
.footer-wel-mes{padding: 0% 10%;}
.footer-wel-mes h3{font-family:'Gotham-Bold';font-size: 125%;margin:0% 0% 1% 0%;}
.footer-wel-mes p{font-family:'Gotham-Light';font-size: 100%;}
.footer-wel-mes span a{font-family:'Gotham-Medium';font-size: 100%;text-decoration: underline; color:#fff;}

.footer-menu{padding: 2% 0%; text-align:center;float: left;}
.footer-menu ul{padding:0%;margin:0%; list-style:none;display: table;margin: 0% auto;
}
.footer-menu ul li{padding: 0px 9px;margin:0%; float:left;border-right: #000 1px solid;}
.footer-menu ul li a{font-family:'Gotham-Light';font-size: 100%; color:#000;font-weight: bold;}



.video-right1{ background-color:#fff;border: #1a61b0 2px solid;border-radius: 10px;}
.v-title1{ background:#dcdcdc; padding:10px;border-radius:8px 8px 0px 0px;background: #3d8dce;background: -moz-linear-gradient(top,  #3d8dce 1%, #1457a4 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#3d8dce), color-stop(100%,#1457a4));background: -webkit-linear-gradient(top,  #3d8dce 1%,#1457a4 100%);background: -o-linear-gradient(top,  #3d8dce 1%,#1457a4 100%); 
background: -ms-linear-gradient(top,  #3d8dce 1%,#1457a4 100%);background: linear-gradient(to bottom,  #3d8dce 1%,#1457a4 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d8dce', endColorstr='#1457a4',GradientType=0 );}
.v-title1 h3{text-align: center;font-family: 'Gotham-Bold';font-size:28px;padding:0px;margin: 0px;text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);}
.v-text1{padding:10px 20px;}
.v-text1 p{color:#000; font-family:'Gotham-Medium'; font-size:16px; text-align:center;margin-bottom: 8.3%;}
.v-text1 .p1{color:#000; font-family:'Gotham-Book'; font-size:16px; text-align:center;}
a.v-btn1 {display: block;margin-top:8px;margin-bottom: -65px;}
#topcontent h3{margin: 10px 0px;text-align: center;font-family: 'Gotham-Bold';font-size: 213%;}


#support .container{ background:#fff; padding:20px 15px; border-radius:10px;box-shadow: 0px 0px 11px 0px rgba(39,106,173,.6);}
.suppoert-ti{background:#dcdcdc; padding:10px;background: #3d8dce;background: -moz-linear-gradient(top,  #3d8dce 1%, #1457a4 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#3d8dce), color-stop(100%,#1457a4));background: -webkit-linear-gradient(top,  #3d8dce 1%,#1457a4 100%);background: -o-linear-gradient(top,  #3d8dce 1%,#1457a4 100%); background: -ms-linear-gradient(top,  #3d8dce 1%,#1457a4 100%);background: linear-gradient(to bottom,  #3d8dce 1%,#1457a4 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d8dce', endColorstr='#1457a4',GradientType=0 );
    font-family: 'Gotham-Medium';
    font-size:25px;padding-left: 2%;text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
}
.support-ans{padding: 15px 0px 15px 12px;}
.sup1{color: #000;font-size: 125%;font-family: 'Gotham-Bold';}
.sup1-ul{}
.sup1-ul ul{margin: 0px;padding: 0px 17px;}
.sup1-ul ul li{font-family: 'Gotham-Medium'; color:#000;font-size:125%; padding-bottom:10px;}
.sup1-ul p{font-family: 'Gotham-Medium'; color:#000;font-size:125%; padding-bottom:10px;}

.bwk{color:#fff;font-size:200%;border:#2c539e 2px solid;white-space: normal;font-family: 'Gotham-Medium';width: 100%;margin-top: 8%;background: #468ed1;background: -moz-linear-gradient(top,  #468ed1 0%, #2669ac 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#468ed1), color-stop(100%,#2669ac));background: -webkit-linear-gradient(top,  #468ed1 0%,#2669ac 100%);background: -o-linear-gradient(top,  #468ed1 0%,#2669ac 100%);background: -ms-linear-gradient(top,  #468ed1 0%,#2669ac 100%);background: linear-gradient(to bottom,  #468ed1 0%,#2669ac 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#468ed1', endColorstr='#2669ac',GradientType=0 );-webkit-box-shadow: -1px 9px 3px -5px rgba(1,54,110,1);
-moz-box-shadow: -1px 9px 3px -5px rgba(1,54,110,1);box-shadow: -1px 9px 3px -5px rgba(1,54,110,1);}


.design-boxsec {background: #BBB9B9; border:#005fb8 2px solid;padding: 2%;margin-top:4%;margin-bottom:4%;}
.design-boxsec .boximg{padding-top: 2%;}
.design-boxsec .boximg img{margin:0 auto;max-width:300px;min-width:300px;max-height:300px;min-height:300px;}
.design-boxsec .downlord-bon{}
.design-boxsec .downlord-bon img{margin: 0 auto; padding-top:2%;}




@media screen and (max-width:1024px){
a.v-btn{margin-bottom:0px;margin-top: 15px;}
.suppoert-ti{font-size: 22px;}
.suppoert-ti{margin:0px;}
.sup1-ul ul li,.sup1-ul p{font-size: 100%;}
#wrapper{background:#1F69B6;padding-bottom: 3%;}
.video-right1{margin-bottom:3%;}
a.v-btn1{ margin-bottom:0px;}
.padd-25 {padding-bottom:5%;}
#topcontent p{font-size: 19px;}
.getstarted-botton{padding: 3.4%;}
.softwer-tools{padding-top:0px;margin: 0% 2% 2% 2%;}
.banner{margin: 0% 2%;}
#maincontainer .container{margin: 0% 2%;padding: 10px 15px 0px 15px;}
.ms12_tools{border: #3D8DCE 1px solid;margin-top:1%; background:none;}
.mediom{padding-top: 12px;text-align: center;}
}
@media screen and (min-width:992px) and (max-width:1024px){
	.design-boxsec .boximg img{max-width:100%;min-width: 100%;min-height: auto;}
}
@media screen and (min-width:320px) and (max-width:480px){
.navbar-toggle{background: #3D8CCE !important;margin-top: 6%;}
.footer-menu ul li a{font-size:88%;}	
.navbar-inverse .navbar-brand{width: 81%;}
.mstools{font-size:20px;}
.design-boxsec .boximg img{max-width:100%;min-width: 100%;min-height: auto;}
}
@media screen and (min-width:320px) and (max-width:667px){
.arrow1{display:none;}
}
@media screen and (max-width:768px){
.navbar-inverse .navbar-nav > li > a{line-height: 15px;border-bottom: #2065B0 1px solid;font-size: 112%;font-weight: bold;}
.navbar-right{text-align:left; color:#fff;}
.offset{}
.bwk{font-size:160%;}
.ms12_tools_bottn{display:inline-block;}
.navbar-inverse .navbar-nav > li > a:hover {color:#ccc;border-bottom: 1px solid rgb(40, 141, 203);}
	
}